이름 색상 · #DDD6E1
Titan White
Titan White은(는) #DDD6E1: rgb(221 214 225), hsl(278 15% 86%), oklch(0.885 0.017 313.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Titan White color name →
#DDD6E1
oklch(0.885 0.017 313.6)
색상 변환
- HEX
- #ddd6e1
- RGB
- rgb(221 214 225)
- HSL
- hsl(278 15% 86%)
- HWB
- hwb(278 84% 12%)
- OKLCH
- oklch(0.885 0.017 313.6)
- OKLab
- oklab(0.885 0.011 -0.012)
- CIE Lab
- lab(86.43 3.96 -4.53)
- LCH
- lch(86.43 6.02 311.1)
- CMYK
- cmyk(2% 5% 0% 12%)
틴트 · 셰이드 · 톤
틴트
- E0DAE4
- E4DEE7
- E7E2EA
- EAE6ED
- EEEAF0
- F1EEF3
- F5F3F6
- F8F7F9
- FCFBFC
셰이드
- C0BAC4
- A49EA7
- 88848B
- 6E6A70
- 555256
- 3D3B3E
- 262527
- 111012
- 020202
톤
- D3CDD7
- CAC4CD
- C0BBC3
- B7B3B9
- ADAAAF
- A4A1A6
- 9B999C
- 929193
- 898889
색 조화
보색 +180°
- DDD6E1
Titan White
- D5DCD1
≈ Mountain Morn
유사색 -30° +30°
- DDD6E1
Titan White
- D7D8E4
≈ So Blue-Berry
- E2D5DC
≈ Secret Scent
삼각 배색 +120° +240°
- DDD6E1
Titan White
- E0D8CD
≈ Polished
- CDDDDC
≈ Jade Dust
분열 보색 +150° +210°
- DDD6E1
Titan White
- DBDACD
≈ Hazy Trail
- D0DDD6
≈ Light Spearmint Ice
사각 배색 +90° +180° +270°
- DDD6E1
Titan White
- E3D6D0
≈ Ocean Sand
- D5DCD1
≈ Mountain Morn
- CEDCE1
≈ Dartmoor Mist
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.42:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.78:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.78:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--titan-white: #ddd6e1;
--titan-white-rgb: 221 214 225;
--titan-white-oklch: oklch(0.885 0.017 313.6);
}
.element {
color: var(--titan-white);
background-color: hsl(278 15% 86%);
border-color: oklch(0.885 0.017 313.6);
}Tailwind CSS v4
@theme {
--color-titan-white: #ddd6e1;
--color-titan-white-50: #f7f4f8;
--color-titan-white-100: #eae6ec;
--color-titan-white-200: #d7d2d9;
--color-titan-white-300: #bbb5bd;
--color-titan-white-400: #a29ca6;
--color-titan-white-500: #8a838e;
--color-titan-white-600: #756f78;
--color-titan-white-700: #5d5960;
--color-titan-white-800: #444147;
--color-titan-white-900: #2f2d31;
--color-titan-white-950: #1c1a1d;
}SCSS
$titan-white: #ddd6e1;
$titan-white-rgb: 221, 214, 225;
$titan-white-light: mix(#fff, $titan-white, 20%);
$titan-white-dark: mix(#000, $titan-white, 20%);
.element {
color: $titan-white;
box-shadow: 0 0 0 2px rgba($titan-white, 0.35);
}