Named color · #EBCD95
Sunlight
Sunlight is #EBCD95: rgb(235 205 149), hsl(39 68% 75%), oklch(0.861 0.08 82.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Sunlight color name →
#EBCD95
oklch(0.861 0.08 82.7)
Color conversions
- HEX
- #ebcd95
- RGB
- rgb(235 205 149)
- HSL
- hsl(39 68% 75%)
- HWB
- hwb(39 58% 8%)
- OKLCH
- oklch(0.861 0.08 82.7)
- OKLab
- oklab(0.861 0.01 0.079)
- CIE Lab
- lab(84 5.19 32.02)
- LCH
- lch(84 32.43 80.8)
- CMYK
- cmyk(0% 13% 37% 8%)
Tints · Shades · Tones
Tints
- EDD2A0
- EFD7AB
- F1DCB5
- F3E1C0
- F5E6CB
- F7EBD5
- F9F0E0
- FBF5EA
- FDFAF5
Shades
- CCB281
- AE986D
- 917E5A
- 756648
- 5B4E37
- 413826
- 292316
- 130F08
- 030201
Tones
- E0C593
- D5BD92
- CAB590
- BFAE8E
- B4A68C
- AA9E8A
- 9F9787
- 958F85
- 8A8883
Color harmonies
Complementary +180°
- EBCD95
Sunlight
- BAD2FF
≈ Ice Cold Stare
Analogous -30° +30°
- EBCD95
Sunlight
- FCC3A1
≈ Coral Gable
- D1D79B
≈ Misty Bead
Triadic +120° +240°
- EBCD95
Sunlight
- 90E1E8
≈ Paradisiacal Getaway
- EBC0F0
≈ Purple’s Baby Sister
Split-complementary +150° +210°
- EBCD95
Sunlight
- 9CDBFD
≈ Shiva Blue
- D2C9FF
≈ Innocent Snowdrop
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.53:1 · APCA Lc 25
Ag
AAAOn black
WCAG 13.69:1 · APCA Lc 78
Best text color: #000000
WCAG 13.69:1 (AAA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--sunlight: #ebcd95;
--sunlight-rgb: 235 205 149;
--sunlight-oklch: oklch(0.861 0.08 82.7);
}
.element {
color: var(--sunlight);
background-color: hsl(39 68% 75%);
border-color: oklch(0.861 0.08 82.7);
}Tailwind CSS v4
@theme {
--color-sunlight: #ebcd95;
--color-sunlight-50: #fff4dc;
--color-sunlight-100: #f4e6ca;
--color-sunlight-200: #e4d2ae;
--color-sunlight-300: #cab589;
--color-sunlight-400: #b69a67;
--color-sunlight-500: #a08145;
--color-sunlight-600: #876d3b;
--color-sunlight-700: #6c572f;
--color-sunlight-800: #513f21;
--color-sunlight-900: #382c15;
--color-sunlight-950: #231907;
}SCSS
$sunlight: #ebcd95;
$sunlight-rgb: 235, 205, 149;
$sunlight-light: mix(#fff, $sunlight, 20%);
$sunlight-dark: mix(#000, $sunlight, 20%);
.element {
color: $sunlight;
box-shadow: 0 0 0 2px rgba($sunlight, 0.35);
}