Colore con nome · #E9E3D5
Ostrich
Ostrich è #E9E3D5: rgb(233 227 213), hsl(42 31% 87%), oklch(0.917 0.02 87.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ostrich color name →
#E9E3D5
oklch(0.917 0.02 87.5)
Conversioni di colore
- HEX
- #e9e3d5
- RGB
- rgb(233 227 213)
- HSL
- hsl(42 31% 87%)
- HWB
- hwb(42 84% 9%)
- OKLCH
- oklch(0.917 0.02 87.5)
- OKLab
- oklab(0.917 0.001 0.02)
- CIE Lab
- lab(90.43 0.34 7.62)
- LCH
- lch(90.43 7.63 87.5)
- CMYK
- cmyk(0% 3% 9% 9%)
Tinte · Ombre · Toni
Tinte
- EBE6D9
- EDE9DD
- F0EBE2
- F2EEE6
- F4F1EA
- F6F4EE
- F8F7F2
- FBF9F7
- FDFCFB
Ombre
- CBC5B9
- ADA89E
- 908C83
- 74716A
- 5A5751
- 413F3A
- 292724
- 131210
- 030302
Toni
- DED9CC
- D3CEC3
- C8C4BB
- BEBAB2
- B3B0AA
- A9A6A1
- 9E9D99
- 949390
- 8A8988
Armonie di colore
Complementare +180°
- E9E3D5
Ostrich
- DEE3F1
≈ Iris Ice
Analogo -30° +30°
- E9E3D5
Ostrich
- EEE1D7
≈ Sea Salt
- E2E5D7
≈ Touch of Lime
Triadico +120° +240°
- E9E3D5
Ostrich
- D5E8EA
≈ Enchanted Evening
- EBDFEA
≈ Angora Pink
Complementare divisa +150° +210°
- E9E3D5
Ostrich
- D8E6EF
≈ First Light
- E5E1EF
≈ Romantic Cruise
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.27:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.41:1 · APCA Lc 90
Miglior colore del testo: #000000
WCAG 16.41:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--ostrich: #e9e3d5;
--ostrich-rgb: 233 227 213;
--ostrich-oklch: oklch(0.917 0.02 87.5);
}
.element {
color: var(--ostrich);
background-color: hsl(42 31% 87%);
border-color: oklch(0.917 0.02 87.5);
}Tailwind CSS v4
@theme {
--color-ostrich: #e9e3d5;
--color-ostrich-50: #f7f5ef;
--color-ostrich-100: #eae8e1;
--color-ostrich-200: #d7d4cb;
--color-ostrich-300: #bbb7ac;
--color-ostrich-400: #a39e91;
--color-ostrich-500: #8c8678;
--color-ostrich-600: #767165;
--color-ostrich-700: #5f5a51;
--color-ostrich-800: #45423b;
--color-ostrich-900: #302e28;
--color-ostrich-950: #1c1a16;
}SCSS
$ostrich: #e9e3d5;
$ostrich-rgb: 233, 227, 213;
$ostrich-light: mix(#fff, $ostrich, 20%);
$ostrich-dark: mix(#000, $ostrich, 20%);
.element {
color: $ostrich;
box-shadow: 0 0 0 2px rgba($ostrich, 0.35);
}