Cor nomeada · #EFDAC2
Indian White
Indian White é #EFDAC2: rgb(239 218 194), hsl(32 58% 85%), oklch(0.899 0.04 71). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Indian White color name →
#EFDAC2
oklch(0.899 0.04 71)
Conversões de cor
- HEX
- #efdac2
- RGB
- rgb(239 218 194)
- HSL
- hsl(32 58% 85%)
- HWB
- hwb(32 76% 6%)
- OKLCH
- oklch(0.899 0.04 71)
- OKLab
- oklab(0.899 0.013 0.037)
- CIE Lab
- lab(88.32 4.7 14.63)
- LCH
- lch(88.32 15.36 72.2)
- CMYK
- cmyk(0% 9% 19% 6%)
Tons claros · Sombras · Tons
Tons claros
- F1DEC8
- F2E1CE
- F4E5D4
- F6E9DA
- F7ECE0
- F9F0E7
- FAF4ED
- FCF8F3
- FDFBF9
Sombras
- D0BDA8
- B1A28F
- 948777
- 786C60
- 5C5449
- 423C34
- 2A2520
- 14110E
- 030202
Tons
- E3D1BB
- D8C7B5
- CCBEAE
- C1B5A7
- B6ACA1
- ABA39A
- A09A93
- 95918D
- 8B8986
Harmonias de cor
Complementar +180°
- EFDAC2
Indian White
- CBE0F8
≈ Light Breeze
Análoga -30° +30°
- EFDAC2
Indian White
- F6D6CA
≈ Fluffy Pink
- E3DFC1
≈ Crispa
Tríade +120° +240°
- EFDAC2
Indian White
- C1E7E4
≈ Tropical Waterfall
- E6D7F2
≈ Pouty Purple
Complementar dividida +150° +210°
- EFDAC2
Indian White
- C2E4F0
≈ Skylark
- D8DBF8
≈ Nostalgia Perfume
Tétrade +90° +180° +270°
- EFDAC2
Indian White
- C8E6D5
≈ Mint Smoothie
- CBE0F8
≈ Light Breeze
- F1D4E6
≈ Infatuation
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.35:1 · APCA Lc 17
Ag
AAASobre preto
WCAG 15.47:1 · APCA Lc 86
Melhor cor de texto: #000000
WCAG 15.47:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--indian-white: #efdac2;
--indian-white-rgb: 239 218 194;
--indian-white-oklch: oklch(0.899 0.04 71);
}
.element {
color: var(--indian-white);
background-color: hsl(32 58% 85%);
border-color: oklch(0.899 0.04 71);
}Tailwind CSS v4
@theme {
--color-indian-white: #efdac2;
--color-indian-white-50: #fcf4e9;
--color-indian-white-100: #f0e6da;
--color-indian-white-200: #dfd2c2;
--color-indian-white-300: #c4b5a2;
--color-indian-white-400: #ae9b85;
--color-indian-white-500: #97826a;
--color-indian-white-600: #806e5a;
--color-indian-white-700: #665848;
--color-indian-white-800: #4c4034;
--color-indian-white-900: #342c23;
--color-indian-white-950: #201912;
}SCSS
$indian-white: #efdac2;
$indian-white-rgb: 239, 218, 194;
$indian-white-light: mix(#fff, $indian-white, 20%);
$indian-white-dark: mix(#000, $indian-white, 20%);
.element {
color: $indian-white;
box-shadow: 0 0 0 2px rgba($indian-white, 0.35);
}