detint / rgb: #336

← rgb index
#336>
R51
G51
B102
H240
S0.5
V0.4
H240
S0.33333333333333
L0.3
X4.9473402300046
Y4.0307695240653
Z13.087634980697
L*23.772904857858
a*15.252229612344
b*-30.129027914154

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. #336 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. #336 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 #336.
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. #336 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. #336 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 #336.
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 #336 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 #336 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 #336.
wcag2.1 AA: ❌︎ AAA: ❌︎
Figuur 10. #336 elementen op zwart.
wcag2.1 AA: ❌︎ AAA: ❌︎
Figuur 11. #336 elementen op wit.
wcag2.1 AA: ✔︎ AAA: ✔︎
Figuur 12. witte elementen op #336.
wcag2.1 AA: ✔︎ AAA: ✔︎

Kleurcombinaties

Complementair

#336>
#336
#656633>
#656633

Split-complementair

#336>
#336
#4c6633>
#4c6633
#664c33>
#664c33

Analoog

#334c66>
#334c66
#336>
#336
#4c3366>
#4c3366

Triadisch

#336>
#336
#363>
#363
#633>
#633

Vierkant (triadisch)

#336>
#336
#66334c>
#66334c
#656633>
#656633
#33664c>
#33664c

Tetradisch

#336>
#336
#633>
#633
#656633>
#656633
#336566>
#336566