Color con nombre · #E5E1CD
Climate Change
Climate Change es #E5E1CD: rgb(229 225 205), hsl(50 32% 85%), oklch(0.908 0.027 97.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Climate Change color name →
#E5E1CD
oklch(0.908 0.027 97.6)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- E8E4D2
- EAE7D7
- EDEADC
- EFEDE1
- F2F0E6
- F5F3EB
- F7F6F0
- FAF9F5
- FCFCFA
Sombras
- C7C4B2
- AAA798
- 8E8B7E
- 727066
- 58564E
- 3F3E38
- 282723
- 12120F
- 030202
Tonos
- DAD7C5
- D0CDBD
- C6C3B5
- BBB9AE
- B1AFA6
- A7A69E
- 9D9C96
- 93938F
- 8A8987
Armonías de color
Complementario +180°
- E5E1CD
Climate Change
- DCDFF3
≈ Lower Lavender
Análogo -30° +30°
- E5E1CD
Climate Change
- EDDECE
≈ Natural Linen
- DBE4D1
≈ Light Issey-San
Triádico +120° +240°
- E5E1CD
Climate Change
- CEE5EC
≈ Northwind
- EDDAE7
≈ Mountain Heather
Complementario dividido +150° +210°
- E5E1CD
Climate Change
- D3E3F2
≈ Weathered Blue
- E5DCEF
≈ Lingering Lilac
Tetrádico +90° +180° +270°
- E5E1CD
Climate Change
- CDE7E4
≈ Icicle Mint
- DCDFF3
≈ Lower Lavender
- F2DADD
≈ Funhouse
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.31:1 · APCA Lc 16
Ag
AAASobre negro
WCAG 15.98:1 · APCA Lc 88
Mejor color de texto: #000000
WCAG 15.98:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
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);
}