Colore con nome · #CCA179
Kenya
Kenya è #CCA179: rgb(204 161 121), hsl(29 45% 64%), oklch(0.739 0.074 64.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Kenya color name →
#CCA179
oklch(0.739 0.074 64.2)
Conversioni di colore
- HEX
- #cca179
- RGB
- rgb(204 161 121)
- HSL
- hsl(29 45% 64%)
- HWB
- hwb(29 47% 20%)
- OKLCH
- oklch(0.739 0.074 64.2)
- OKLab
- oklab(0.739 0.032 0.067)
- CIE Lab
- lab(69.57 12.54 27.24)
- LCH
- lch(69.57 29.99 65.3)
- CMYK
- cmyk(0% 21% 41% 20%)
Tinte · Ombre · Toni
Tinte
- D1AA86
- D7B494
- DCBDA1
- E1C6AE
- E6D0BB
- EBD9C9
- F0E2D6
- F5ECE4
- FAF5F1
Ombre
- B18B68
- 977658
- 7E6248
- 654E39
- 4E3C2B
- 372A1D
- 221910
- 0F0905
- 020101
Toni
- C49E7A
- BD9B7B
- B5977C
- AD947D
- A6917E
- 9E8D7E
- 978A7F
- 8F877F
- 888380
Armonie di colore
Complementare +180°
- CCA179
Kenya
- 82B0D7
≈ Boo Blue
Analogo -30° +30°
Triadico +120° +240°
- CCA179
Kenya
- 72BAB0
≈ Cooled Blue
- B59FD1
≈ Purple Premiere
Complementare divisa +150° +210°
- CCA179
Kenya
- 71B7C7
≈ Tropez Blue
- 9CA8DA
≈ Sorbet Ice Mauve
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.34:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.94:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.94:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--kenya: #cca179;
--kenya-rgb: 204 161 121;
--kenya-oklch: oklch(0.739 0.074 64.2);
}
.element {
color: var(--kenya);
background-color: hsl(29 45% 64%);
border-color: oklch(0.739 0.074 64.2);
}Tailwind CSS v4
@theme {
--color-kenya: #cca179;
--color-kenya-50: #fff2df;
--color-kenya-100: #fae4ce;
--color-kenya-200: #ebcfb3;
--color-kenya-300: #d2b08f;
--color-kenya-400: #be9670;
--color-kenya-500: #a97c50;
--color-kenya-600: #8f6944;
--color-kenya-700: #725436;
--color-kenya-800: #553d27;
--color-kenya-900: #3b2a1a;
--color-kenya-950: #25170a;
}SCSS
$kenya: #cca179;
$kenya-rgb: 204, 161, 121;
$kenya-light: mix(#fff, $kenya, 20%);
$kenya-dark: mix(#000, $kenya, 20%);
.element {
color: $kenya;
box-shadow: 0 0 0 2px rgba($kenya, 0.35);
}