이름 색상 · #EFE2C5
Blonde Curl
Blonde Curl은(는) #EFE2C5: rgb(239 226 197), hsl(41 57% 85%), oklch(0.916 0.041 86.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Blonde Curl color name →
#EFE2C5
oklch(0.916 0.041 86.7)
색상 변환
- HEX
- #efe2c5
- RGB
- rgb(239 226 197)
- HSL
- hsl(41 57% 85%)
- HWB
- hwb(41 77% 6%)
- OKLCH
- oklch(0.916 0.041 86.7)
- OKLab
- oklab(0.916 0.002 0.041)
- CIE Lab
- lab(90.37 1.15 15.92)
- LCH
- lch(90.37 15.96 85.9)
- CMYK
- cmyk(0% 5% 18% 6%)
틴트 · 셰이드 · 톤
틴트
- F1E5CB
- F2E8D1
- F4EBD6
- F5EEDC
- F7F1E2
- F9F3E8
- FAF6EE
- FCF9F3
- FDFCF9
셰이드
- D0C4AB
- B1A892
- 948C79
- 787161
- 5C574B
- 423E35
- 2A2721
- 14120E
- 030302
톤
- E3D8BE
- D8CEB7
- CCC4B0
- C1BAA9
- B6B0A2
- ABA69B
- A09C94
- 95938E
- 8B8987
색 조화
보색 +180°
- EFE2C5
Blonde Curl
- D7E3FF
≈ Stoic White
유사색 -30° +30°
- EFE2C5
Blonde Curl
- F9DDC9
≈ Muffin Magic
- E1E7C9
≈ Origami Clover
삼각 배색 +120° +240°
- EFE2C5
Blonde Curl
- C5EBF1
≈ Icy Breeze
- F2DAF2
≈ Grape Taffy
분열 보색 +150° +210°
- EFE2C5
Blonde Curl
- CBE8FB
≈ Icy Landscape
- E5DEFC
≈ Stoic White
사각 배색 +90° +180° +270°
- EFE2C5
Blonde Curl
- C8EDE2
≈ Teal Melody
- D7E3FF
≈ Stoic White
- FBD8E4
≈ Lovely Breeze
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.28:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.35:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.35:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--blonde-curl: #efe2c5;
--blonde-curl-rgb: 239 226 197;
--blonde-curl-oklch: oklch(0.916 0.041 86.7);
}
.element {
color: var(--blonde-curl);
background-color: hsl(41 57% 85%);
border-color: oklch(0.916 0.041 86.7);
}Tailwind CSS v4
@theme {
--color-blonde-curl: #efe2c5;
--color-blonde-curl-50: #faf5e8;
--color-blonde-curl-100: #ede7d9;
--color-blonde-curl-200: #dbd4c1;
--color-blonde-curl-300: #c0b7a0;
--color-blonde-curl-400: #a99d83;
--color-blonde-curl-500: #928567;
--color-blonde-curl-600: #7b7058;
--color-blonde-curl-700: #635a46;
--color-blonde-curl-800: #494132;
--color-blonde-curl-900: #332d22;
--color-blonde-curl-950: #1e1a11;
}SCSS
$blonde-curl: #efe2c5;
$blonde-curl-rgb: 239, 226, 197;
$blonde-curl-light: mix(#fff, $blonde-curl, 20%);
$blonde-curl-dark: mix(#000, $blonde-curl, 20%);
.element {
color: $blonde-curl;
box-shadow: 0 0 0 2px rgba($blonde-curl, 0.35);
}