Named color · #E7DCC1
Natural Radiance
Natural Radiance is #E7DCC1: rgb(231 220 193), hsl(43 44% 83%), oklch(0.896 0.038 88.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Natural Radiance color name →
#E7DCC1
oklch(0.896 0.038 88.5)
Color conversions
- HEX
- #e7dcc1
- RGB
- rgb(231 220 193)
- HSL
- hsl(43 44% 83%)
- HWB
- hwb(43 76% 9%)
- OKLCH
- oklch(0.896 0.038 88.5)
- OKLab
- oklab(0.896 0.001 0.038)
- CIE Lab
- lab(88.12 0.65 14.75)
- LCH
- lch(88.12 14.76 87.5)
- CMYK
- cmyk(0% 5% 16% 9%)
Tints · Shades · Tones
Tints
- E9DFC7
- ECE3CD
- EEE6D4
- F1EADA
- F3EDE0
- F5F1E6
- F8F4EC
- FAF8F3
- FDFBF9
Shades
- C9BFA7
- ABA38F
- 8F8877
- 736E5F
- 595449
- 403C34
- 282620
- 13110E
- 030202
Tones
- DCD2BA
- D2C9B4
- C7C0AD
- BCB6A7
- B2ADA0
- A8A49A
- 9E9B93
- 94928D
- 8A8986
Color harmonies
Complementary +180°
- E7DCC1
Natural Radiance
- D2DCF7
≈ Icy Plains
Analogous -30° +30°
- E7DCC1
Natural Radiance
- F1D7C5
≈ Resort Sunrise
- DAE1C5
≈ Airy Fields
Triadic +120° +240°
- E7DCC1
Natural Radiance
- C1E4EA
≈ Minified Jade
- EBD4EA
≈ First Lilac
Split-complementary +150° +210°
- E7DCC1
Natural Radiance
- C7E1F4
≈ First Shade of Blue
- E0D8F3
≈ Japan Blush
Tetradic +90° +180° +270°
- E7DCC1
Natural Radiance
- C3E6DD
≈ Touch of Frost
- D2DCF7
≈ Icy Plains
- F3D3DC
≈ Pomodoro e Mozzarella
Contrast & accessibility
Ag
FailOn white
WCAG 1.36:1 · APCA Lc 18
Ag
AAAOn black
WCAG 15.40:1 · APCA Lc 86
Best text color: #000000
WCAG 15.40:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--natural-radiance: #e7dcc1;
--natural-radiance-rgb: 231 220 193;
--natural-radiance-oklch: oklch(0.896 0.038 88.5);
}
.element {
color: var(--natural-radiance);
background-color: hsl(43 44% 83%);
border-color: oklch(0.896 0.038 88.5);
}Tailwind CSS v4
@theme {
--color-natural-radiance: #e7dcc1;
--color-natural-radiance-50: #f9f5e9;
--color-natural-radiance-100: #ede8da;
--color-natural-radiance-200: #dad4c2;
--color-natural-radiance-300: #bfb7a2;
--color-natural-radiance-400: #a89e85;
--color-natural-radiance-500: #90856a;
--color-natural-radiance-600: #7a715a;
--color-natural-radiance-700: #625a48;
--color-natural-radiance-800: #484234;
--color-natural-radiance-900: #322d23;
--color-natural-radiance-950: #1e1a12;
}SCSS
$natural-radiance: #e7dcc1;
$natural-radiance-rgb: 231, 220, 193;
$natural-radiance-light: mix(#fff, $natural-radiance, 20%);
$natural-radiance-dark: mix(#000, $natural-radiance, 20%);
.element {
color: $natural-radiance;
box-shadow: 0 0 0 2px rgba($natural-radiance, 0.35);
}