이름 색상 · #E4DFCE
Confident White
Confident White은(는) #E4DFCE: rgb(228 223 206), hsl(46 29% 85%), oklch(0.903 0.023 93.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Confident White color name →
#E4DFCE
oklch(0.903 0.023 93.3)
색상 변환
- HEX
- #e4dfce
- RGB
- rgb(228 223 206)
- HSL
- hsl(46 29% 85%)
- HWB
- hwb(46 81% 11%)
- OKLCH
- oklch(0.903 0.023 93.3)
- OKLab
- oklab(0.903 -0.001 0.023)
- CIE Lab
- lab(88.88 -0.38 9)
- LCH
- lch(88.88 9.01 92.4)
- CMYK
- cmyk(0% 2% 10% 11%)
틴트 · 셰이드 · 톤
틴트
- E7E2D3
- E9E5D8
- ECE9DD
- EFECE1
- F1EFE6
- F4F2EB
- F7F5F0
- FAF9F5
- FCFCFA
셰이드
- C6C2B3
- A9A598
- 8D8A7F
- 726F66
- 58564E
- 3F3D38
- 282723
- 12120F
- 030202
톤
- DAD5C6
- CFCBBE
- C5C2B6
- BBB8AE
- B1AEA6
- A7A59E
- 9D9B97
- 93928F
- 8A8988
색 조화
보색 +180°
- E4DFCE
Confident White
- DADEEF
≈ The White Death
유사색 -30° +30°
- E4DFCE
Confident White
- EBDCCF
≈ Cinnamon Cake
- DCE2D1
≈ Mystical Sea
삼각 배색 +120° +240°
- E4DFCE
Confident White
- CEE3E8
≈ Open Skies
- E9DAE6
≈ Twinkled Pink
분열 보색 +150° +210°
- E4DFCE
Confident White
- D2E1EE
≈ Brush Blue
- E2DCEC
≈ Princess Fairy Tale
사각 배색 +90° +180° +270°
- E4DFCE
Confident White
- CFE4E0
≈ Ice Dagger
- DADEEF
≈ The White Death
- EED9DD
≈ Sweet Bianca
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.74:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.74:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--confident-white: #e4dfce;
--confident-white-rgb: 228 223 206;
--confident-white-oklch: oklch(0.903 0.023 93.3);
}
.element {
color: var(--confident-white);
background-color: hsl(46 29% 85%);
border-color: oklch(0.903 0.023 93.3);
}Tailwind CSS v4
@theme {
--color-confident-white: #e4dfce;
--color-confident-white-50: #f7f5ee;
--color-confident-white-100: #eae8df;
--color-confident-white-200: #d7d4c9;
--color-confident-white-300: #bbb8aa;
--color-confident-white-400: #a39e8f;
--color-confident-white-500: #8b8675;
--color-confident-white-600: #767263;
--color-confident-white-700: #5e5b4f;
--color-confident-white-800: #454239;
--color-confident-white-900: #302e27;
--color-confident-white-950: #1c1a15;
}SCSS
$confident-white: #e4dfce;
$confident-white-rgb: 228, 223, 206;
$confident-white-light: mix(#fff, $confident-white, 20%);
$confident-white-dark: mix(#000, $confident-white, 20%);
.element {
color: $confident-white;
box-shadow: 0 0 0 2px rgba($confident-white, 0.35);
}