Warna bernama · #EFDAC2
Indian White
Indian White adalah #EFDAC2: rgb(239 218 194), hsl(32 58% 85%), oklch(0.899 0.04 71). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Indian White color name →
#EFDAC2
oklch(0.899 0.04 71)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- F1DEC8
- F2E1CE
- F4E5D4
- F6E9DA
- F7ECE0
- F9F0E7
- FAF4ED
- FCF8F3
- FDFBF9
Shade
- D0BDA8
- B1A28F
- 948777
- 786C60
- 5C5449
- 423C34
- 2A2520
- 14110E
- 030202
Tone
- E3D1BB
- D8C7B5
- CCBEAE
- C1B5A7
- B6ACA1
- ABA39A
- A09A93
- 95918D
- 8B8986
Harmoni warna
Komplementer +180°
- EFDAC2
Indian White
- CBE0F8
≈ Light Breeze
Analog -30° +30°
- EFDAC2
Indian White
- F6D6CA
≈ Fluffy Pink
- E3DFC1
≈ Crispa
Triadik +120° +240°
- EFDAC2
Indian White
- C1E7E4
≈ Tropical Waterfall
- E6D7F2
≈ Pouty Purple
Split-komplementer +150° +210°
- EFDAC2
Indian White
- C2E4F0
≈ Skylark
- D8DBF8
≈ Nostalgia Perfume
Tetradik +90° +180° +270°
- EFDAC2
Indian White
- C8E6D5
≈ Mint Smoothie
- CBE0F8
≈ Light Breeze
- F1D4E6
≈ Infatuation
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.35:1 · APCA Lc 17
Ag
AAADi atas hitam
WCAG 15.47:1 · APCA Lc 86
Warna teks terbaik: #000000
WCAG 15.47:1 (AAA) · APCA Lc 86
Contrast pairs
Cuplikan kode
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);
}