Named color · #FFB989
Savannah Sun
Savannah Sun is #FFB989: rgb(255 185 137), hsl(24 100% 77%), oklch(0.84 0.103 55.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Savannah Sun color name →
#FFB989
oklch(0.84 0.103 55.3)
Color conversions
- HEX
- #ffb989
- RGB
- rgb(255 185 137)
- HSL
- hsl(24 100% 77%)
- HWB
- hwb(24 54% 0%)
- OKLCH
- oklch(0.84 0.103 55.3)
- OKLab
- oklab(0.84 0.059 0.084)
- CIE Lab
- lab(81.04 22.07 34.86)
- LCH
- lch(81.04 41.26 57.7)
- CMYK
- cmyk(0% 27% 46% 0%)
Tints · Shades · Tones
Tints
- FFC095
- FFC7A1
- FFCEAD
- FFD5B9
- FFDCC5
- FFE3D0
- FFEADC
- FFF1E8
- FFF8F3
Shades
- DEA076
- BE8964
- 9E7153
- 805B42
- 634631
- 483122
- 2E1E14
- 160D07
- 030201
Tones
- F2B389
- E5AE88
- D8A888
- CBA287
- BF9D86
- B29785
- A59184
- 998C83
- 8C8682
Color harmonies
Complementary +180°
- FFB989
Savannah Sun
- 8DD5FF
≈ Kul Sharif Blue
Analogous -30° +30°
- FFB989
Savannah Sun
- FFB5AE
≈ Wildflower Bouquet
- E9C67A
≈ Golden Thread
Triadic +120° +240°
- FFB989
Savannah Sun
- 7CE1C7
≈ Sea Foam
- CFBFFF
≈ Lavender Tonic
Split-complementary +150° +210°
- FFB989
Savannah Sun
- 6FDEEB
≈ Turkish Turquoise
- B2CAFF
≈ Night Snow
Tetradic +90° +180° +270°
- FFB989
Savannah Sun
- A0DDA2
≈ Green Trance
- 8DD5FF
≈ Kul Sharif Blue
- EDB4EF
≈ Lovecloud
Contrast & accessibility
Ag
FailOn white
WCAG 1.67:1 · APCA Lc 29
Ag
AAAOn black
WCAG 12.55:1 · APCA Lc 73
Best text color: #000000
WCAG 12.55:1 (AAA) · APCA Lc 73
Contrast pairs
Code snippets
CSS
:root {
--savannah-sun: #ffb989;
--savannah-sun-rgb: 255 185 137;
--savannah-sun-oklch: oklch(0.84 0.103 55.3);
}
.element {
color: var(--savannah-sun);
background-color: hsl(24 100% 77%);
border-color: oklch(0.84 0.103 55.3);
}Tailwind CSS v4
@theme {
--color-savannah-sun: #ffb989;
--color-savannah-sun-50: #ffefd9;
--color-savannah-sun-100: #ffe0c7;
--color-savannah-sun-200: #f7caaa;
--color-savannah-sun-300: #e0ab83;
--color-savannah-sun-400: #cd8e62;
--color-savannah-sun-500: #ba723e;
--color-savannah-sun-600: #9d6135;
--color-savannah-sun-700: #7e4d2a;
--color-savannah-sun-800: #5e381e;
--color-savannah-sun-900: #422614;
--color-savannah-sun-950: #2a1406;
}SCSS
$savannah-sun: #ffb989;
$savannah-sun-rgb: 255, 185, 137;
$savannah-sun-light: mix(#fff, $savannah-sun, 20%);
$savannah-sun-dark: mix(#000, $savannah-sun, 20%);
.element {
color: $savannah-sun;
box-shadow: 0 0 0 2px rgba($savannah-sun, 0.35);
}