Colore con nome · #E1B029
Kōwhai Yellow
Kōwhai Yellow è #E1B029: rgb(225 176 41), hsl(44 75% 52%), oklch(0.781 0.149 86.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Kōwhai Yellow color name →
#E1B029
oklch(0.781 0.149 86.7)
Conversioni di colore
- HEX
- #e1b029
- RGB
- rgb(225 176 41)
- HSL
- hsl(44 75% 52%)
- HWB
- hwb(44 16% 12%)
- OKLCH
- oklch(0.781 0.149 86.7)
- OKLab
- oklab(0.781 0.009 0.149)
- CIE Lab
- lab(74.83 9.83 69.37)
- LCH
- lch(74.83 70.07 81.9)
- CMYK
- cmyk(0% 22% 82% 12%)
Tinte · Ombre · Toni
Tinte
- E4B84B
- E7C064
- EAC87A
- EDD08F
- F0D8A2
- F3E0B5
- F6E8C8
- F9F0DA
- FCF7ED
Ombre
- C49922
- A7821C
- 8B6C15
- 70560F
- 564209
- 3E2E05
- 271C02
- 120B01
- 020100
Toni
- D7AB3C
- CDA74A
- C3A254
- B99E5D
- B09965
- A6946B
- 9C8F71
- 938A77
- 89857C
Armonie di colore
Complementare +180°
- E1B029
Kōwhai Yellow
- 98B6FF
≈ Truesky Gloxym
Analogo -30° +30°
- E1B029
Kōwhai Yellow
- FF9C4E
≈ Autumn Splendour
- B2C346
≈ Rainforest Glow
Triadico +120° +240°
- E1B029
Kōwhai Yellow
- 00CFE2
≈ Aztec Turquoise
- E994EA
≈ Diva Mecha
Complementare divisa +150° +210°
- E1B029
Kōwhai Yellow
- 5BC3FF
≈ Blue Mana
- C0A6FF
≈ Diva
Tetradico +90° +180° +270°
- E1B029
Kōwhai Yellow
- 00D5B5
≈ Channel Marker Green
- 98B6FF
≈ Truesky Gloxym
- FF8FB9
≈ Schauss Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.01:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.44:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.44:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--kowhai-yellow: #e1b029;
--kowhai-yellow-rgb: 225 176 41;
--kowhai-yellow-oklch: oklch(0.781 0.149 86.7);
}
.element {
color: var(--kowhai-yellow);
background-color: hsl(44 75% 52%);
border-color: oklch(0.781 0.149 86.7);
}Tailwind CSS v4
@theme {
--color-kowhai-yellow: #e1b029;
--color-kowhai-yellow-50: #fff4c5;
--color-kowhai-yellow-100: #fce6af;
--color-kowhai-yellow-200: #eed189;
--color-kowhai-yellow-300: #d6b355;
--color-kowhai-yellow-400: #c59707;
--color-kowhai-yellow-500: #b17c00;
--color-kowhai-yellow-600: #956900;
--color-kowhai-yellow-700: #785400;
--color-kowhai-yellow-800: #5a3c00;
--color-kowhai-yellow-900: #3f2a00;
--color-kowhai-yellow-950: #281700;
}SCSS
$kowhai-yellow: #e1b029;
$kowhai-yellow-rgb: 225, 176, 41;
$kowhai-yellow-light: mix(#fff, $kowhai-yellow, 20%);
$kowhai-yellow-dark: mix(#000, $kowhai-yellow, 20%);
.element {
color: $kowhai-yellow;
box-shadow: 0 0 0 2px rgba($kowhai-yellow, 0.35);
}