Colore con nome · #E2DDD1
Texan Angel
Texan Angel è #E2DDD1: rgb(226 221 209), hsl(42 23% 85%), oklch(0.898 0.017 88). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Texan Angel color name →
#E2DDD1
oklch(0.898 0.017 88)
Conversioni di colore
- HEX
- #e2ddd1
- RGB
- rgb(226 221 209)
- HSL
- hsl(42 23% 85%)
- HWB
- hwb(42 82% 11%)
- OKLCH
- oklch(0.898 0.017 88)
- OKLab
- oklab(0.898 0.001 0.017)
- CIE Lab
- lab(88.27 0.23 6.55)
- LCH
- lch(88.27 6.55 88)
- CMYK
- cmyk(0% 2% 8% 11%)
Tinte · Ombre · Toni
Tinte
- E5E0D6
- E8E4DA
- EBE7DF
- EEEBE3
- F0EEE8
- F3F1EC
- F6F5F1
- F9F8F6
- FCFCFA
Ombre
- C4C0B5
- A8A49B
- 8C8881
- 716E68
- 575550
- 3E3D39
- 272623
- 121110
- 030202
Toni
- D8D3C9
- CECAC0
- C4C0B8
- BAB7B0
- B0ADA8
- A6A4A0
- 9C9B98
- 939290
- 898988
Armonie di colore
Complementare +180°
- E2DDD1
Texan Angel
- D8DDE9
≈ Sweet Harbour
Analogo -30° +30°
- E2DDD1
Texan Angel
- E7DBD3
≈ Gorgeous White
- DCDFD3
≈ Angel’s Whisper
Triadico +120° +240°
- E2DDD1
Texan Angel
- D1E1E3
≈ Valley of Tears
- E4DAE3
≈ Violet Vapour
Complementare divisa +150° +210°
- E2DDD1
Texan Angel
- D4DFE8
≈ Icy Teal
- DEDBE8
≈ Pale Orchid
Tetradico +90° +180° +270°
- E2DDD1
Texan Angel
- D2E1DD
≈ Spring Mist
- D8DDE9
≈ Sweet Harbour
- E8D9DD
≈ Angelic Choir
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.35:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.49:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.49:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--texan-angel: #e2ddd1;
--texan-angel-rgb: 226 221 209;
--texan-angel-oklch: oklch(0.898 0.017 88);
}
.element {
color: var(--texan-angel);
background-color: hsl(42 23% 85%);
border-color: oklch(0.898 0.017 88);
}Tailwind CSS v4
@theme {
--color-texan-angel: #e2ddd1;
--color-texan-angel-50: #f7f5f0;
--color-texan-angel-100: #eae8e2;
--color-texan-angel-200: #d7d4cc;
--color-texan-angel-300: #bbb7ae;
--color-texan-angel-400: #a39e93;
--color-texan-angel-500: #8b867a;
--color-texan-angel-600: #757167;
--color-texan-angel-700: #5e5b52;
--color-texan-angel-800: #45423c;
--color-texan-angel-900: #302e29;
--color-texan-angel-950: #1c1a17;
}SCSS
$texan-angel: #e2ddd1;
$texan-angel-rgb: 226, 221, 209;
$texan-angel-light: mix(#fff, $texan-angel, 20%);
$texan-angel-dark: mix(#000, $texan-angel, 20%);
.element {
color: $texan-angel;
box-shadow: 0 0 0 2px rgba($texan-angel, 0.35);
}