Cor nomeada · #EAD665
Kings Yellow
Kings Yellow é #EAD665: rgb(234 214 101), hsl(51 76% 66%), oklch(0.871 0.135 99.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Kings Yellow color name →
#EAD665
oklch(0.871 0.135 99.4)
Conversões de cor
- HEX
- #ead665
- RGB
- rgb(234 214 101)
- HSL
- hsl(51 76% 66%)
- HWB
- hwb(51 40% 8%)
- OKLCH
- oklch(0.871 0.135 99.4)
- OKLab
- oklab(0.871 -0.022 0.133)
- CIE Lab
- lab(85.66 -2.85 57.22)
- LCH
- lch(85.66 57.29 92.9)
- CMYK
- cmyk(0% 9% 57% 8%)
Tons claros · Sombras · Tons
Tons claros
- ECDA78
- EEDF89
- F0E399
- F2E7A9
- F4EBB8
- F6EFC6
- F8F3D5
- FBF7E3
- FDFBF1
Sombras
- CBBA57
- AE9E49
- 91843C
- 756A2F
- 5A5222
- 413B17
- 29250C
- 131003
- 030200
Tons
- DFCD6B
- D4C56F
- C9BC73
- BEB376
- B3AB79
- A9A27B
- 9E9A7D
- 94917E
- 8A897F
Harmonias de cor
Complementar +180°
- EAD665
Kings Yellow
- CBD1FF
≈ Pale Phthalo Blue
Análoga -30° +30°
- EAD665
Kings Yellow
- FFC98C
≈ Torchlight
- B8E684
≈ Yellow Green Shade
Tríade +120° +240°
- EAD665
Kings Yellow
- 89E4FF
≈ Tranquil Pool
- FFBDE9
≈ Pink Quartz
Complementar dividida +150° +210°
- EAD665
Kings Yellow
- B4D9FF
≈ Oh Boy!
- E5C6FF
≈ Wisteria Powder
Tétrade +90° +180° +270°
- EAD665
Kings Yellow
- 48F1E7
≈ Aqua Cyan
- CBD1FF
≈ Pale Phthalo Blue
- FFC2CA
≈ Cotton Candy Comet
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASobre preto
WCAG 14.30:1 · APCA Lc 81
Melhor cor de texto: #000000
WCAG 14.30:1 (AAA) · APCA Lc 81
Contrast pairs
Trechos de código
CSS
:root {
--kings-yellow: #ead665;
--kings-yellow-rgb: 234 214 101;
--kings-yellow-oklch: oklch(0.871 0.135 99.4);
}
.element {
color: var(--kings-yellow);
background-color: hsl(51 76% 66%);
border-color: oklch(0.871 0.135 99.4);
}Tailwind CSS v4
@theme {
--color-kings-yellow: #ead665;
--color-kings-yellow-50: #fdf7cb;
--color-kings-yellow-100: #f1eab6;
--color-kings-yellow-200: #e0d793;
--color-kings-yellow-300: #c6ba64;
--color-kings-yellow-400: #b29f30;
--color-kings-yellow-500: #9c8600;
--color-kings-yellow-600: #847200;
--color-kings-yellow-700: #6a5b00;
--color-kings-yellow-800: #4f4200;
--color-kings-yellow-900: #372d00;
--color-kings-yellow-950: #221a00;
}SCSS
$kings-yellow: #ead665;
$kings-yellow-rgb: 234, 214, 101;
$kings-yellow-light: mix(#fff, $kings-yellow, 20%);
$kings-yellow-dark: mix(#000, $kings-yellow, 20%);
.element {
color: $kings-yellow;
box-shadow: 0 0 0 2px rgba($kings-yellow, 0.35);
}