Màu có tên · #EFDAC2
Indian White
Indian White là #EFDAC2: rgb(239 218 194), hsl(32 58% 85%), oklch(0.899 0.04 71). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Orange mean? → · Indian White color name →
#EFDAC2
oklch(0.899 0.04 71)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F1DEC8
- F2E1CE
- F4E5D4
- F6E9DA
- F7ECE0
- F9F0E7
- FAF4ED
- FCF8F3
- FDFBF9
Sắc đậm
- D0BDA8
- B1A28F
- 948777
- 786C60
- 5C5449
- 423C34
- 2A2520
- 14110E
- 030202
Sắc xám
- E3D1BB
- D8C7B5
- CCBEAE
- C1B5A7
- B6ACA1
- ABA39A
- A09A93
- 95918D
- 8B8986
Hòa sắc
Bổ túc +180°
- EFDAC2
Indian White
- CBE0F8
≈ Light Breeze
Tương đồng -30° +30°
- EFDAC2
Indian White
- F6D6CA
≈ Fluffy Pink
- E3DFC1
≈ Crispa
Bộ ba +120° +240°
- EFDAC2
Indian White
- C1E7E4
≈ Tropical Waterfall
- E6D7F2
≈ Pouty Purple
Bổ túc chia +150° +210°
- EFDAC2
Indian White
- C2E4F0
≈ Skylark
- D8DBF8
≈ Nostalgia Perfume
Bộ bốn +90° +180° +270°
- EFDAC2
Indian White
- C8E6D5
≈ Mint Smoothie
- CBE0F8
≈ Light Breeze
- F1D4E6
≈ Infatuation
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.35:1 · APCA Lc 17
Ag
AAATrên nền đen
WCAG 15.47:1 · APCA Lc 86
Màu chữ tốt nhất: #000000
WCAG 15.47:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
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);
}