detint / rgb: #663

← rgb index
#663>
R102
G102
B51
H60
S0.5
V0.4
H60
S0.33333333333333
L0.3
X10.828401796248
Y12.566539288405
Z4.986834316083
L*42.102732028695
a*-8.0543238075146
b*28.620207991101

Contrast

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 1. #663 tekst op zwart.
wcag2.1 AA: ❌︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 2. #663 tekst op wit.
wcag2.1 AA: ✔︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 3. zwarte tekst op #663.
wcag2.1 AA: ❌︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 4. #663 hyperlink op zwart.
wcag2.1 AA: ❌︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 5. #663 hyperlink op wit.
wcag2.1 AA: ✔︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 6. witte tekst op #663.
wcag2.1 AA: ✔︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 7. grote #663 tekst op zwart.
wcag2.1 AA: ✔︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 8. grote #663 tekst op wit.
wcag2.1 AA: ✔︎ AAA: ✔︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 9. grote zwarte tekst op #663.
wcag2.1 AA: ✔︎ AAA: ❌︎
Figuur 10. #663 elementen op zwart.
wcag2.1 AA: ✔︎ AAA: ❌︎
Figuur 11. #663 elementen op wit.
wcag2.1 AA: ✔︎ AAA: ✔︎
Figuur 12. witte elementen op #663.
wcag2.1 AA: ✔︎ AAA: ✔︎

Kleurcombinaties

Complementair

#663>
#663
#336>
#336

Split-complementair

#663>
#663
#4c3366>
#4c3366
#334c66>
#334c66

Analoog

#664c33>
#664c33
#663>
#663
#4c6633>
#4c6633

Triadisch

#663>
#663
#663365>
#663365
#336566>
#336566

Vierkant (triadisch)

#663>
#663
#33664c>
#33664c
#336>
#336
#66334c>
#66334c

Tetradisch

#663>
#663
#336566>
#336566
#336>
#336
#633>
#633