Cor nomeada · #AB8A68
Earthly Delight
Earthly Delight é #AB8A68: rgb(171 138 104), hsl(30 29% 54%), oklch(0.656 0.062 67.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Earthly Delight color name →
#AB8A68
oklch(0.656 0.062 67.2)
Conversões de cor
- HEX
- #ab8a68
- RGB
- rgb(171 138 104)
- HSL
- hsl(30 29% 54%)
- HWB
- hwb(30 41% 33%)
- OKLCH
- oklch(0.656 0.062 67.2)
- OKLab
- oklab(0.656 0.024 0.057)
- CIE Lab
- lab(60 9.44 23.23)
- LCH
- lch(60 25.07 67.9)
- CMYK
- cmyk(0% 19% 39% 33%)
Tons claros · Sombras · Tons
Tons claros
- B39577
- BCA185
- C4AC94
- CCB8A3
- D5C3B2
- DDCFC1
- E6DBD0
- EEE7E0
- F7F3EF
Sombras
- 947759
- 7E654B
- 68533E
- 544230
- 403224
- 2D2218
- 1B140C
- 0B0704
- 010100
Tons
- A7896B
- A2886D
- 9E8770
- 9A8673
- 968575
- 918477
- 8D837A
- 89827C
- 84817E
Harmonias de cor
Complementar +180°
- AB8A68
Earthly Delight
- 7295B5
≈ Ocean Ridge
Análoga -30° +30°
- AB8A68
Earthly Delight
- B38476
≈ Canyon Earth
- 9B9265
≈ Cactus Sand
Tríade +120° +240°
- AB8A68
Earthly Delight
- 639E97
≈ Canton
- 9B87AF
≈ Celeb City
Complementar dividida +150° +210°
- AB8A68
Earthly Delight
- 649BAA
≈ Cloudy Sea
- 878EB7
≈ Soft Blue Lavender
Tétrade +90° +180° +270°
- AB8A68
Earthly Delight
- 719D82
≈ Peahen
- 7295B5
≈ Ocean Ridge
- AA839F
≈ Capri Fashion Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.19:1 · APCA Lc 59
Ag
AASobre preto
WCAG 6.56:1 · APCA Lc 43
Melhor cor de texto: #000000
WCAG 6.56:1 (AA) · APCA Lc 43
Contrast pairs
Trechos de código
CSS
:root {
--earthly-delight: #ab8a68;
--earthly-delight-rgb: 171 138 104;
--earthly-delight-oklch: oklch(0.656 0.062 67.2);
}
.element {
color: var(--earthly-delight);
background-color: hsl(30 29% 54%);
border-color: oklch(0.656 0.062 67.2);
}Tailwind CSS v4
@theme {
--color-earthly-delight: #ab8a68;
--color-earthly-delight-50: #fff2e3;
--color-earthly-delight-100: #f6e5d2;
--color-earthly-delight-200: #e6d0b8;
--color-earthly-delight-300: #cdb296;
--color-earthly-delight-400: #b89877;
--color-earthly-delight-500: #a27e59;
--color-earthly-delight-600: #896b4c;
--color-earthly-delight-700: #6e563c;
--color-earthly-delight-800: #513e2b;
--color-earthly-delight-900: #392b1d;
--color-earthly-delight-950: #23180d;
}SCSS
$earthly-delight: #ab8a68;
$earthly-delight-rgb: 171, 138, 104;
$earthly-delight-light: mix(#fff, $earthly-delight, 20%);
$earthly-delight-dark: mix(#000, $earthly-delight, 20%);
.element {
color: $earthly-delight;
box-shadow: 0 0 0 2px rgba($earthly-delight, 0.35);
}