이름 색상 · #EBD5CA
Blushing Coconut
Blushing Coconut은(는) #EBD5CA: rgb(235 213 202), hsl(20 45% 86%), oklch(0.888 0.029 48.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Blushing Coconut color name →
#EBD5CA
oklch(0.888 0.029 48.4)
색상 변환
- HEX
- #ebd5ca
- RGB
- rgb(235 213 202)
- HSL
- hsl(20 45% 86%)
- HWB
- hwb(20 79% 8%)
- OKLCH
- oklch(0.888 0.029 48.4)
- OKLab
- oklab(0.888 0.019 0.022)
- CIE Lab
- lab(86.88 6.56 8.37)
- LCH
- lch(86.88 10.64 51.9)
- CMYK
- cmyk(0% 9% 14% 8%)
틴트 · 셰이드 · 톤
틴트
- EDD9CF
- EFDDD4
- F1E2DA
- F3E6DF
- F5EAE4
- F7EEEA
- F9F2EF
- FBF7F4
- FDFBFA
셰이드
- CCB9AF
- AE9E95
- 91837C
- 756A64
- 5B514D
- 413A37
- 292422
- 13100F
- 030202
톤
- E0CCC2
- D5C3BB
- CABBB3
- BFB2AC
- B4AAA4
- A9A19D
- 9F9996
- 95908E
- 8A8887
색 조화
보색 +180°
- EBD5CA
Blushing Coconut
- C7DEE9
≈ Wind of Change
유사색 -30° +30°
- EBD5CA
Blushing Coconut
- EDD3D3
≈ Charming Pink
- E5D8C5
≈ Sandcastle
삼각 배색 +120° +240°
- EBD5CA
Blushing Coconut
- C9E1D7
≈ Melting Ice
- D9D8ED
≈ Eyeshadow
분열 보색 +150° +210°
- EBD5CA
Blushing Coconut
- C5E0E1
≈ Wishy-Washy Blue
- CFDBEE
≈ Alaskan Skies
사각 배색 +90° +180° +270°
- EBD5CA
Blushing Coconut
- D1DFCD
≈ St. Augustine
- C7DEE9
≈ Wind of Change
- E2D4E7
≈ Light Purity
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.40:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.90:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 14.90:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--blushing-coconut: #ebd5ca;
--blushing-coconut-rgb: 235 213 202;
--blushing-coconut-oklch: oklch(0.888 0.029 48.4);
}
.element {
color: var(--blushing-coconut);
background-color: hsl(20 45% 86%);
border-color: oklch(0.888 0.029 48.4);
}Tailwind CSS v4
@theme {
--color-blushing-coconut: #ebd5ca;
--color-blushing-coconut-50: #fcf3ee;
--color-blushing-coconut-100: #f0e5df;
--color-blushing-coconut-200: #dfd1c9;
--color-blushing-coconut-300: #c4b4ab;
--color-blushing-coconut-400: #ad9a90;
--color-blushing-coconut-500: #978176;
--color-blushing-coconut-600: #806d64;
--color-blushing-coconut-700: #665750;
--color-blushing-coconut-800: #4b3f3a;
--color-blushing-coconut-900: #342c28;
--color-blushing-coconut-950: #201916;
}SCSS
$blushing-coconut: #ebd5ca;
$blushing-coconut-rgb: 235, 213, 202;
$blushing-coconut-light: mix(#fff, $blushing-coconut, 20%);
$blushing-coconut-dark: mix(#000, $blushing-coconut, 20%);
.element {
color: $blushing-coconut;
box-shadow: 0 0 0 2px rgba($blushing-coconut, 0.35);
}