Color con nombre · #EABC83
Fragrant Coriander
Fragrant Coriander es #EABC83: rgb(234 188 131), hsl(33 71% 72%), oklch(0.823 0.091 72). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Fragrant Coriander color name →
#EABC83
oklch(0.823 0.091 72)
Conversiones de color
- HEX
- #eabc83
- RGB
- rgb(234 188 131)
- HSL
- hsl(33 71% 72%)
- HWB
- hwb(33 51% 8%)
- OKLCH
- oklch(0.823 0.091 72)
- OKLab
- oklab(0.823 0.028 0.086)
- CIE Lab
- lab(79.46 11.79 35.41)
- LCH
- lch(79.46 37.32 71.6)
- CMYK
- cmyk(0% 20% 44% 8%)
Tintes · Sombras · Tonos
Tintes
- ECC390
- EFCA9D
- F1D0A9
- F3D7B5
- F5DEC2
- F7E4CE
- F9EBDA
- FBF2E6
- FDF8F3
Sombras
- CBA371
- AE8B60
- 91734F
- 755D3F
- 5A472F
- 413220
- 291F12
- 130D06
- 030201
Tonos
- DFB683
- D4B084
- C9AA84
- BFA484
- B49E83
- AA9883
- 9F9283
- 958C82
- 8A8681
Armonías de color
Complementario +180°
- EABC83
Fragrant Coriander
- 9AC9FF
≈ Apocyan
Análogo -30° +30°
- EABC83
Fragrant Coriander
- F8B297
≈ Mermaid Cheeks
- D1C882
≈ Serene Scene
Triádico +120° +240°
- EABC83
Fragrant Coriander
- 79D8D4
≈ Aqua Zing
- D9B5F0
≈ Pink Illusion
Complementario dividido +150° +210°
- EABC83
Fragrant Coriander
- 7FD3EF
≈ Afternoon Sky
- BBBEFF
≈ Dried Lilac
Tetrádico +90° +180° +270°
- EABC83
Fragrant Coriander
- 8ED8B3
≈ Peaceful Pastures
- 9AC9FF
≈ Apocyan
- EFAED6
≈ Waddles Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.74:1 · APCA Lc 32
Ag
AAASobre negro
WCAG 12.01:1 · APCA Lc 71
Mejor color de texto: #000000
WCAG 12.01:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmentos de código
CSS
:root {
--fragrant-coriander: #eabc83;
--fragrant-coriander-rgb: 234 188 131;
--fragrant-coriander-oklch: oklch(0.823 0.091 72);
}
.element {
color: var(--fragrant-coriander);
background-color: hsl(33 71% 72%);
border-color: oklch(0.823 0.091 72);
}Tailwind CSS v4
@theme {
--color-fragrant-coriander: #eabc83;
--color-fragrant-coriander-50: #fff2d9;
--color-fragrant-coriander-100: #fbe4c7;
--color-fragrant-coriander-200: #eccfaa;
--color-fragrant-coriander-300: #d4b184;
--color-fragrant-coriander-400: #c09661;
--color-fragrant-coriander-500: #ab7c3c;
--color-fragrant-coriander-600: #916934;
--color-fragrant-coriander-700: #745429;
--color-fragrant-coriander-800: #563d1d;
--color-fragrant-coriander-900: #3c2a13;
--color-fragrant-coriander-950: #261705;
}SCSS
$fragrant-coriander: #eabc83;
$fragrant-coriander-rgb: 234, 188, 131;
$fragrant-coriander-light: mix(#fff, $fragrant-coriander, 20%);
$fragrant-coriander-dark: mix(#000, $fragrant-coriander, 20%);
.element {
color: $fragrant-coriander;
box-shadow: 0 0 0 2px rgba($fragrant-coriander, 0.35);
}