Colore con nome · #E5E1CD
Climate Change
Climate Change è #E5E1CD: rgb(229 225 205), hsl(50 32% 85%), oklch(0.908 0.027 97.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Climate Change color name →
#E5E1CD
oklch(0.908 0.027 97.6)
Conversioni di colore
- HEX
- #e5e1cd
- RGB
- rgb(229 225 205)
- HSL
- hsl(50 32% 85%)
- HWB
- hwb(50 80% 10%)
- OKLCH
- oklch(0.908 0.027 97.6)
- OKLab
- oklab(0.908 -0.004 0.027)
- CIE Lab
- lab(89.45 -1.11 10.33)
- LCH
- lch(89.45 10.39 96.1)
- CMYK
- cmyk(0% 2% 10% 10%)
Tinte · Ombre · Toni
Tinte
- E8E4D2
- EAE7D7
- EDEADC
- EFEDE1
- F2F0E6
- F5F3EB
- F7F6F0
- FAF9F5
- FCFCFA
Ombre
- C7C4B2
- AAA798
- 8E8B7E
- 727066
- 58564E
- 3F3E38
- 282723
- 12120F
- 030202
Toni
- DAD7C5
- D0CDBD
- C6C3B5
- BBB9AE
- B1AFA6
- A7A69E
- 9D9C96
- 93938F
- 8A8987
Armonie di colore
Complementare +180°
- E5E1CD
Climate Change
- DCDFF3
≈ Lower Lavender
Analogo -30° +30°
- E5E1CD
Climate Change
- EDDECE
≈ Natural Linen
- DBE4D1
≈ Light Issey-San
Triadico +120° +240°
- E5E1CD
Climate Change
- CEE5EC
≈ Northwind
- EDDAE7
≈ Mountain Heather
Complementare divisa +150° +210°
- E5E1CD
Climate Change
- D3E3F2
≈ Weathered Blue
- E5DCEF
≈ Lingering Lilac
Tetradico +90° +180° +270°
- E5E1CD
Climate Change
- CDE7E4
≈ Icicle Mint
- DCDFF3
≈ Lower Lavender
- F2DADD
≈ Funhouse
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.31:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.98:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 15.98:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--climate-change: #e5e1cd;
--climate-change-rgb: 229 225 205;
--climate-change-oklch: oklch(0.908 0.027 97.6);
}
.element {
color: var(--climate-change);
background-color: hsl(50 32% 85%);
border-color: oklch(0.908 0.027 97.6);
}Tailwind CSS v4
@theme {
--color-climate-change: #e5e1cd;
--color-climate-change-50: #f7f5ed;
--color-climate-change-100: #eae8de;
--color-climate-change-200: #d7d5c8;
--color-climate-change-300: #bab8a8;
--color-climate-change-400: #a29f8d;
--color-climate-change-500: #8b8772;
--color-climate-change-600: #757261;
--color-climate-change-700: #5e5b4d;
--color-climate-change-800: #454238;
--color-climate-change-900: #302e26;
--color-climate-change-950: #1c1b15;
}SCSS
$climate-change: #e5e1cd;
$climate-change-rgb: 229, 225, 205;
$climate-change-light: mix(#fff, $climate-change, 20%);
$climate-change-dark: mix(#000, $climate-change, 20%);
.element {
color: $climate-change;
box-shadow: 0 0 0 2px rgba($climate-change, 0.35);
}