Named color · #FBD9C6
Heavenly Song
Heavenly Song is #FBD9C6: rgb(251 217 198), hsl(22 87% 88%), oklch(0.909 0.046 51). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Heavenly Song color name →
#FBD9C6
oklch(0.909 0.046 51)
Color conversions
- HEX
- #fbd9c6
- RGB
- rgb(251 217 198)
- HSL
- hsl(22 87% 88%)
- HWB
- hwb(22 78% 2%)
- OKLCH
- oklch(0.909 0.046 51)
- OKLab
- oklab(0.909 0.029 0.036)
- CIE Lab
- lab(89.22 10.08 13.99)
- LCH
- lch(89.22 17.24 54.2)
- CMYK
- cmyk(0% 14% 21% 2%)
Tints · Shades · Tones
Tints
- FCDDCC
- FCE1D1
- FDE4D7
- FDE8DD
- FDECE2
- FEF0E8
- FEF4EE
- FEF7F4
- FFFBF9
Shades
- DABCAC
- BAA192
- 9C867A
- 7E6C62
- 61534B
- 463B35
- 2D2521
- 15110E
- 030202
Tones
- EED0BF
- E1C7B8
- D5BEB1
- C8B4AA
- BCACA2
- B0A39C
- A49A95
- 98918E
- 8C8987
Color harmonies
Complementary +180°
- FBD9C6
Heavenly Song
- C3E7FA
≈ Icy Landscape
Analogous -30° +30°
- FBD9C6
Heavenly Song
- FED6D4
≈ Pink Clay
- F1DEBF
≈ Dusty Ivory
Triadic +120° +240°
- FBD9C6
Heavenly Song
- C4EBDD
≈ Mint Tulip
- E0DCFE
≈ Transparent Blue
Split-complementary +150° +210°
- FBD9C6
Heavenly Song
- BEEBED
≈ Light Opale
- D1E2FF
≈ Arc Light
Tetradic +90° +180° +270°
- FBD9C6
Heavenly Song
- D1E9CD
≈ Applemint
- C3E7FA
≈ Icy Landscape
- EFD8F4
≈ Scented Spring
Contrast & accessibility
Ag
FailOn white
WCAG 1.32:1 · APCA Lc 16
Ag
AAAOn black
WCAG 15.84:1 · APCA Lc 88
Best text color: #000000
WCAG 15.84:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--heavenly-song: #fbd9c6;
--heavenly-song-rgb: 251 217 198;
--heavenly-song-oklch: oklch(0.909 0.046 51);
}
.element {
color: var(--heavenly-song);
background-color: hsl(22 87% 88%);
border-color: oklch(0.909 0.046 51);
}Tailwind CSS v4
@theme {
--color-heavenly-song: #fbd9c6;
--color-heavenly-song-50: #fff2e9;
--color-heavenly-song-100: #f5e4da;
--color-heavenly-song-200: #e5cfc3;
--color-heavenly-song-300: #cbb2a2;
--color-heavenly-song-400: #b59786;
--color-heavenly-song-500: #a07e6b;
--color-heavenly-song-600: #876b5b;
--color-heavenly-song-700: #6c5548;
--color-heavenly-song-800: #503e34;
--color-heavenly-song-900: #382b24;
--color-heavenly-song-950: #221813;
}SCSS
$heavenly-song: #fbd9c6;
$heavenly-song-rgb: 251, 217, 198;
$heavenly-song-light: mix(#fff, $heavenly-song, 20%);
$heavenly-song-dark: mix(#000, $heavenly-song, 20%);
.element {
color: $heavenly-song;
box-shadow: 0 0 0 2px rgba($heavenly-song, 0.35);
}