detint / rgb: `#369`

← rgb index

R	51
G	102
B	153

H	210
S	0.66666666666667
V	0.6

H	210
S	0.5
L	0.4

X	11.866381097306
Y	12.506457432889
Z	31.925553853193

L*	42.009985776866
a*	-0.14474481205087
b*	-32.851512865361

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. #369 tekst op zwart.

wcag2.1 AA: ❌︎ AAA: ❌︎

Figuur 2. #369 tekst op wit.

wcag2.1 AA: ✔︎ AAA: ❌︎

Figuur 3. zwarte tekst op #369.

wcag2.1 AA: ❌︎ AAA: ❌︎

Figuur 4. #369 hyperlink op zwart.

wcag2.1 AA: ❌︎ AAA: ❌︎

Figuur 5. #369 hyperlink op wit.

wcag2.1 AA: ✔︎ AAA: ❌︎

Figuur 6. witte tekst op #369.

wcag2.1 AA: ✔︎ AAA: ❌︎

Figuur 7. grote #369 tekst op zwart.

wcag2.1 AA: ✔︎ AAA: ❌︎

Figuur 8. grote #369 tekst op wit.

wcag2.1 AA: ✔︎ AAA: ✔︎

Figuur 9. grote zwarte tekst op #369.

wcag2.1 AA: ✔︎ AAA: ❌︎

Figuur 10. #369 elementen op zwart.

wcag2.1 AA: ✔︎ AAA: ❌︎

Figuur 11. #369 elementen op wit.

wcag2.1 AA: ✔︎ AAA: ✔︎

Figuur 12. witte elementen op #369.

wcag2.1 AA: ✔︎ AAA: ✔︎

Kleurcombinaties

Complementair

#369

#996632

Split-complementair

#369

#999932

#993232

Analoog

#329999

#369

#323299

Triadisch

#369

#669932

#993266

Vierkant (triadisch)

#369

#993299

#996632

#329932

Tetradisch

#369

#993266

#996632

#329966

detint / rgb: #369

Contrast

Kleurcombinaties

Complementair

Split-complementair

Analoog

Triadisch

Vierkant (triadisch)

Tetradisch

detint / rgb: `#369`