Colore con nome · #DDD6E1
Titan White
Titan White è #DDD6E1: rgb(221 214 225), hsl(278 15% 86%), oklch(0.885 0.017 313.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Titan White color name →
#DDD6E1
oklch(0.885 0.017 313.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E0DAE4
- E4DEE7
- E7E2EA
- EAE6ED
- EEEAF0
- F1EEF3
- F5F3F6
- F8F7F9
- FCFBFC
Ombre
- C0BAC4
- A49EA7
- 88848B
- 6E6A70
- 555256
- 3D3B3E
- 262527
- 111012
- 020202
Toni
- D3CDD7
- CAC4CD
- C0BBC3
- B7B3B9
- ADAAAF
- A4A1A6
- 9B999C
- 929193
- 898889
Armonie di colore
Complementare +180°
- DDD6E1
Titan White
- D5DCD1
≈ Mountain Morn
Analogo -30° +30°
- DDD6E1
Titan White
- D7D8E4
≈ So Blue-Berry
- E2D5DC
≈ Secret Scent
Triadico +120° +240°
- DDD6E1
Titan White
- E0D8CD
≈ Polished
- CDDDDC
≈ Jade Dust
Complementare divisa +150° +210°
- DDD6E1
Titan White
- DBDACD
≈ Hazy Trail
- D0DDD6
≈ Light Spearmint Ice
Tetradico +90° +180° +270°
- DDD6E1
Titan White
- E3D6D0
≈ Ocean Sand
- D5DCD1
≈ Mountain Morn
- CEDCE1
≈ Dartmoor Mist
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.42:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.78:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.78:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
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);
}