Cor nomeada · #FBE4AF
Khaki Core
Khaki Core é #FBE4AF: rgb(251 228 175), hsl(42 90% 84%), oklch(0.925 0.073 87.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Khaki Core color name →
#FBE4AF
oklch(0.925 0.073 87.3)
Conversões de cor
- HEX
- #fbe4af
- RGB
- rgb(251 228 175)
- HSL
- hsl(42 90% 84%)
- HWB
- hwb(42 69% 2%)
- OKLCH
- oklch(0.925 0.073 87.3)
- OKLab
- oklab(0.925 0.003 0.073)
- CIE Lab
- lab(91.54 2.49 28.98)
- LCH
- lch(91.54 29.08 85.1)
- CMYK
- cmyk(0% 9% 30% 2%)
Tons claros · Sombras · Tons
Tons claros
- FBE7B7
- FCEABF
- FCECC8
- FDEFD0
- FDF2D8
- FDF4E0
- FEF7E7
- FEFAEF
- FFFCF7
Sombras
- DAC698
- BAA981
- 9C8D6B
- 7E7256
- 615841
- 463F2E
- 2D281C
- 15120B
- 030301
Tons
- EEDAAB
- E1CFA6
- D5C5A1
- C8BB9D
- BCB198
- AFA793
- A39D8F
- 97938A
- 8C8A85
Harmonias de cor
Complementar +180°
- FBE4AF
Khaki Core
- DCE6FF
≈ Lavender Mist
Análoga -30° +30°
- FBE4AF
Khaki Core
- FFDFC9
≈ Peak Season
- E2EDB6
≈ Sour
Tríade +120° +240°
- FBE4AF
Khaki Core
- ACF5FF
≈ Waterspout
- FFD7FE
≈ Sugarpills
Complementar dividida +150° +210°
- FBE4AF
Khaki Core
- CDEBFF
≈ Veiling Waterfalls
- E9E1FF
≈ Lavender Savour
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre preto
WCAG 16.81:1 · APCA Lc 92
Melhor cor de texto: #000000
WCAG 16.81:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--khaki-core: #fbe4af;
--khaki-core-rgb: 251 228 175;
--khaki-core-oklch: oklch(0.925 0.073 87.3);
}
.element {
color: var(--khaki-core);
background-color: hsl(42 90% 84%);
border-color: oklch(0.925 0.073 87.3);
}Tailwind CSS v4
@theme {
--color-khaki-core: #fbe4af;
--color-khaki-core-50: #fdf5de;
--color-khaki-core-100: #f1e7cd;
--color-khaki-core-200: #e1d3b2;
--color-khaki-core-300: #c6b68d;
--color-khaki-core-400: #b19c6c;
--color-khaki-core-500: #9b834b;
--color-khaki-core-600: #836f41;
--color-khaki-core-700: #695933;
--color-khaki-core-800: #4e4124;
--color-khaki-core-900: #362c18;
--color-khaki-core-950: #211909;
}SCSS
$khaki-core: #fbe4af;
$khaki-core-rgb: 251, 228, 175;
$khaki-core-light: mix(#fff, $khaki-core, 20%);
$khaki-core-dark: mix(#000, $khaki-core, 20%);
.element {
color: $khaki-core;
box-shadow: 0 0 0 2px rgba($khaki-core, 0.35);
}