Colore con nome · #EDE5C7
Proper Temperature
Proper Temperature è #EDE5C7: rgb(237 229 199), hsl(47 51% 85%), oklch(0.92 0.041 94.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Proper Temperature color name →
#EDE5C7
oklch(0.92 0.041 94.7)
Conversioni di colore
- HEX
- #ede5c7
- RGB
- rgb(237 229 199)
- HSL
- hsl(47 51% 85%)
- HWB
- hwb(47 78% 7%)
- OKLCH
- oklch(0.92 0.041 94.7)
- OKLab
- oklab(0.92 -0.003 0.04)
- CIE Lab
- lab(91 -0.8 15.72)
- LCH
- lch(91 15.74 92.9)
- CMYK
- cmyk(0% 3% 16% 7%)
Tinte · Ombre · Toni
Tinte
- EFE8CD
- F1EAD2
- F2EDD8
- F4EFDD
- F6F2E3
- F8F5E9
- FAF7EE
- FBFAF4
- FDFCF9
Ombre
- CEC7AD
- B0AA93
- 938E7A
- 777262
- 5C584C
- 423F36
- 2A2821
- 14120E
- 030302
Toni
- E2DAC0
- D6D0B9
- CBC6B1
- C0BBAA
- B5B1A3
- AAA79C
- 9F9D95
- 95938E
- 8A8A87
Armonie di colore
Complementare +180°
- EDE5C7
Proper Temperature
- DDE3FF
≈ Stoic White
Analogo -30° +30°
- EDE5C7
Proper Temperature
- F8E0C9
≈ Peachade
- DEEACD
≈ Whiff of Green
Triadico +120° +240°
- EDE5C7
Proper Temperature
- C7ECF6
≈ Frosty Day
- F7DBF0
≈ Grape Taffy
Complementare divisa +150° +210°
- EDE5C7
Proper Temperature
- CFE8FF
≈ Veiling Waterfalls
- EBDFFB
≈ Lavender Savour
Tetradico +90° +180° +270°
- EDE5C7
Proper Temperature
- C8EEE8
≈ Path to the Sky
- DDE3FF
≈ Stoic White
- FEDAE1
≈ It’s a Girl!
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASu nero
WCAG 16.63:1 · APCA Lc 91
Miglior colore del testo: #000000
WCAG 16.63:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--proper-temperature: #ede5c7;
--proper-temperature-rgb: 237 229 199;
--proper-temperature-oklch: oklch(0.92 0.041 94.7);
}
.element {
color: var(--proper-temperature);
background-color: hsl(47 51% 85%);
border-color: oklch(0.92 0.041 94.7);
}Tailwind CSS v4
@theme {
--color-proper-temperature: #ede5c7;
--color-proper-temperature-50: #f8f5e9;
--color-proper-temperature-100: #ebe8d9;
--color-proper-temperature-200: #d9d5c1;
--color-proper-temperature-300: #bdb8a1;
--color-proper-temperature-400: #a69f84;
--color-proper-temperature-500: #8e8668;
--color-proper-temperature-600: #797258;
--color-proper-temperature-700: #605b46;
--color-proper-temperature-800: #474232;
--color-proper-temperature-900: #312e22;
--color-proper-temperature-950: #1d1a11;
}SCSS
$proper-temperature: #ede5c7;
$proper-temperature-rgb: 237, 229, 199;
$proper-temperature-light: mix(#fff, $proper-temperature, 20%);
$proper-temperature-dark: mix(#000, $proper-temperature, 20%);
.element {
color: $proper-temperature;
box-shadow: 0 0 0 2px rgba($proper-temperature, 0.35);
}