Named color · #E3AA94
California Coral
California Coral is #E3AA94: rgb(227 170 148), hsl(17 59% 74%), oklch(0.785 0.074 42). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · California Coral color name →
#E3AA94
oklch(0.785 0.074 42)
Color conversions
- HEX
- #e3aa94
- RGB
- rgb(227 170 148)
- HSL
- hsl(17 59% 74%)
- HWB
- hwb(17 58% 11%)
- OKLCH
- oklch(0.785 0.074 42)
- OKLab
- oklab(0.785 0.055 0.05)
- CIE Lab
- lab(74.64 19.44 19.97)
- LCH
- lch(74.64 27.87 45.8)
- CMYK
- cmyk(0% 25% 35% 11%)
Tints · Shades · Tones
Tints
- E6B29E
- E9BBA9
- ECC3B4
- EFCCBE
- F2D4C9
- F5DDD4
- F8E5DE
- FAEEE9
- FDF6F4
Shades
- C59380
- A87D6D
- 8C685A
- 715348
- 573F36
- 3F2D26
- 271B16
- 120B08
- 030101
Tones
- D9A692
- CFA290
- C59E8E
- BB998C
- B1958A
- A79188
- 9D8D86
- 948984
- 8A8482
Color harmonies
Complementary +180°
- E3AA94
California Coral
- 83C4DB
≈ Dolphin
Analogous -30° +30°
- E3AA94
California Coral
- E4A6AC
≈ Perennial Phlox
- D7B284
≈ Jacob’s Ladder
Triadic +120° +240°
- E3AA94
California Coral
- 8EC8AB
≈ Sybarite Green
- B1B4E8
≈ Perano
Split-complementary +150° +210°
- E3AA94
California Coral
- 7EC9C5
≈ Blue Green Gem
- 97BDE8
≈ Blue Shutters
Tetradic +90° +180° +270°
- E3AA94
California Coral
- A8C492
≈ Cos
- 83C4DB
≈ Dolphin
- C9ACDC
≈ Lavender Field Dreamer
Contrast & accessibility
Ag
FailOn white
WCAG 2.01:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.44:1 · APCA Lc 63
Best text color: #000000
WCAG 10.44:1 (AAA) · APCA Lc 63
Contrast pairs
Code snippets
CSS
:root {
--california-coral: #e3aa94;
--california-coral-rgb: 227 170 148;
--california-coral-oklch: oklch(0.785 0.074 42);
}
.element {
color: var(--california-coral);
background-color: hsl(17 59% 74%);
border-color: oklch(0.785 0.074 42);
}Tailwind CSS v4
@theme {
--color-california-coral: #e3aa94;
--color-california-coral-50: #ffefe4;
--color-california-coral-100: #ffe1d4;
--color-california-coral-200: #f1cbbb;
--color-california-coral-300: #d9ac99;
--color-california-coral-400: #c5907c;
--color-california-coral-500: #b0765f;
--color-california-coral-600: #956451;
--color-california-coral-700: #785040;
--color-california-coral-800: #593a2f;
--color-california-coral-900: #3e2720;
--color-california-coral-950: #27150f;
}SCSS
$california-coral: #e3aa94;
$california-coral-rgb: 227, 170, 148;
$california-coral-light: mix(#fff, $california-coral, 20%);
$california-coral-dark: mix(#000, $california-coral, 20%);
.element {
color: $california-coral;
box-shadow: 0 0 0 2px rgba($california-coral, 0.35);
}