Nazwany kolor · #E9D66B
Arylide Yellow
Arylide Yellow to #E9D66B: rgb(233 214 107), hsl(51 74% 67%), oklch(0.87 0.129 99.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Arylide Yellow color name →
#E9D66B
oklch(0.87 0.129 99.4)
Konwersje koloru
- HEX
- #e9d66b
- RGB
- rgb(233 214 107)
- HSL
- hsl(51 74% 67%)
- HWB
- hwb(51 42% 9%)
- OKLCH
- oklch(0.87 0.129 99.4)
- OKLab
- oklab(0.87 -0.021 0.128)
- CIE Lab
- lab(85.62 -2.93 54.45)
- LCH
- lch(85.62 54.53 93.1)
- CMYK
- cmyk(0% 8% 54% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EBDA7D
- EDDF8D
- EFE39C
- F2E7AB
- F4EBBA
- F6EFC8
- F8F3D6
- FAF7E4
- FDFBF1
Odcienie ciemniejsze
- CBBA5C
- AD9E4E
- 90843F
- 746A32
- 5A5225
- 413B18
- 29250D
- 131004
- 030200
Tony
- DECD70
- D3C573
- C8BC77
- BDB379
- B3AB7B
- A8A27D
- 9E997E
- 94917F
- 8A8880
Harmonie kolorów
Komplementarna +180°
- E9D66B
Arylide Yellow
- CBD1FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- E9D66B
Arylide Yellow
- FFC98C
≈ Torchlight
- B9E588
≈ Oxalis
Triada +120° +240°
- E9D66B
Arylide Yellow
- 89E4FF
≈ Tranquil Pool
- FFBCE9
≈ Pink Quartz
Komplementarna rozszczepiona +150° +210°
- E9D66B
Arylide Yellow
- B4D9FF
≈ Oh Boy!
- E5C6FF
≈ Wisteria Powder
Tetrada +90° +180° +270°
- E9D66B
Arylide Yellow
- 54EFE6
≈ Poseidon Jr.
- CBD1FF
≈ Pale Phthalo Blue
- FFC2CA
≈ Cotton Candy Comet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.29:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--arylide-yellow: #e9d66b;
--arylide-yellow-rgb: 233 214 107;
--arylide-yellow-oklch: oklch(0.87 0.129 99.4);
}
.element {
color: var(--arylide-yellow);
background-color: hsl(51 74% 67%);
border-color: oklch(0.87 0.129 99.4);
}Tailwind CSS v4
@theme {
--color-arylide-yellow: #e9d66b;
--color-arylide-yellow-50: #fcf7cd;
--color-arylide-yellow-100: #f0eab8;
--color-arylide-yellow-200: #dfd796;
--color-arylide-yellow-300: #c5ba69;
--color-arylide-yellow-400: #b19f38;
--color-arylide-yellow-500: #9c8600;
--color-arylide-yellow-600: #837200;
--color-arylide-yellow-700: #695b00;
--color-arylide-yellow-800: #4f4200;
--color-arylide-yellow-900: #372d00;
--color-arylide-yellow-950: #221a00;
}SCSS
$arylide-yellow: #e9d66b;
$arylide-yellow-rgb: 233, 214, 107;
$arylide-yellow-light: mix(#fff, $arylide-yellow, 20%);
$arylide-yellow-dark: mix(#000, $arylide-yellow, 20%);
.element {
color: $arylide-yellow;
box-shadow: 0 0 0 2px rgba($arylide-yellow, 0.35);
}