Colore con nome · #E3DED0
Natural Choice
Natural Choice è #E3DED0: rgb(227 222 208), hsl(44 25% 85%), oklch(0.901 0.02 90.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Natural Choice color name →
#E3DED0
oklch(0.901 0.02 90.6)
Conversioni di colore
- HEX
- #e3ded0
- RGB
- rgb(227 222 208)
- HSL
- hsl(44 25% 85%)
- HWB
- hwb(44 82% 11%)
- OKLCH
- oklch(0.901 0.02 90.6)
- OKLab
- oklab(0.901 0 0.02)
- CIE Lab
- lab(88.58 -0.02 7.53)
- LCH
- lch(88.58 7.53 90.1)
- CMYK
- cmyk(0% 2% 8% 11%)
Tinte · Ombre · Toni
Tinte
- E6E1D5
- E9E5D9
- EBE8DE
- EEEBE3
- F1EEE7
- F4F2EC
- F7F5F1
- F9F8F6
- FCFCFA
Ombre
- C5C1B5
- A8A59A
- 8C8980
- 716F67
- 57554F
- 3F3D39
- 272623
- 121210
- 030202
Toni
- D9D4C8
- CECABF
- C4C1B7
- BAB7AF
- B0AEA7
- A6A49F
- 9D9B97
- 93928F
- 898988
Armonie di colore
Complementare +180°
- E3DED0
Natural Choice
- D9DEEC
≈ Icelandic Winds
Analogo -30° +30°
- E3DED0
Natural Choice
- E8DCD2
≈ Desert Mountain
- DCE0D2
≈ Whitened Sage
Triadico +120° +240°
- E3DED0
Natural Choice
- D0E2E5
≈ Valley of Tears
- E6DAE4
≈ Spangle
Complementare divisa +150° +210°
- E3DED0
Natural Choice
- D3E0EA
≈ Minified Ballerina Blue
- E0DCEA
≈ Awakened
Tetradico +90° +180° +270°
- E3DED0
Natural Choice
- D1E3DF
≈ Mountain Dew
- D9DEEC
≈ Icelandic Winds
- EAD9DD
≈ Angelic Choir
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.62:1 · APCA Lc 87
Miglior colore del testo: #000000
WCAG 15.62:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--natural-choice: #e3ded0;
--natural-choice-rgb: 227 222 208;
--natural-choice-oklch: oklch(0.901 0.02 90.6);
}
.element {
color: var(--natural-choice);
background-color: hsl(44 25% 85%);
border-color: oklch(0.901 0.02 90.6);
}Tailwind CSS v4
@theme {
--color-natural-choice: #e3ded0;
--color-natural-choice-50: #f7f5ef;
--color-natural-choice-100: #eae8e1;
--color-natural-choice-200: #d7d4cb;
--color-natural-choice-300: #bbb7ac;
--color-natural-choice-400: #a39e92;
--color-natural-choice-500: #8b8678;
--color-natural-choice-600: #767166;
--color-natural-choice-700: #5e5b51;
--color-natural-choice-800: #45423b;
--color-natural-choice-900: #302e28;
--color-natural-choice-950: #1c1a16;
}SCSS
$natural-choice: #e3ded0;
$natural-choice-rgb: 227, 222, 208;
$natural-choice-light: mix(#fff, $natural-choice, 20%);
$natural-choice-dark: mix(#000, $natural-choice, 20%);
.element {
color: $natural-choice;
box-shadow: 0 0 0 2px rgba($natural-choice, 0.35);
}