Named color · #FCDA89
Shining Bright
Shining Bright is #FCDA89: rgb(252 218 137), hsl(42 95% 76%), oklch(0.9 0.107 87.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Shining Bright color name →
#FCDA89
oklch(0.9 0.107 87.5)
Color conversions
- HEX
- #fcda89
- RGB
- rgb(252 218 137)
- HSL
- hsl(42 95% 76%)
- HWB
- hwb(42 54% 1%)
- OKLCH
- oklch(0.9 0.107 87.5)
- OKLab
- oklab(0.9 0.005 0.107)
- CIE Lab
- lab(88.66 4.66 44.3)
- LCH
- lch(88.66 44.54 84)
- CMYK
- cmyk(0% 13% 46% 1%)
Tints · Shades · Tones
Tints
- FCDE96
- FDE2A2
- FDE6AF
- FDE9BB
- FEEDC6
- FEF1D2
- FEF4DD
- FFF8E9
- FFFBF4
Shades
- DBBD76
- BBA264
- 9C8753
- 7E6C42
- 625431
- 473C22
- 2D2514
- 161107
- 030201
Tones
- EFD189
- E2C889
- D5BE89
- C9B588
- BCAC87
- B0A386
- A49A85
- 989284
- 8C8982
Color harmonies
Complementary +180°
- FCDA89
Shining Bright
- D0DEFF
≈ Arc Light
Analogous -30° +30°
- FCDA89
Shining Bright
- FFD4B6
≈ Curtsy
- D8E895
≈ Luminary Green
Triadic +120° +240°
- FCDA89
Shining Bright
- 8BF0FF
≈ Shallow Water
- FFC9FD
≈ Sugar Chic
Split-complementary +150° +210°
- FCDA89
Shining Bright
- BCE4FF
≈ Dithered Sky
- E1D7FF
≈ Transparent Blue
Tetradic +90° +180° +270°
- FCDA89
Shining Bright
- 89F5DD
≈ Turquoise Pearl
- D0DEFF
≈ Arc Light
- FFCFDE
≈ Bologna Sausage
Contrast & accessibility
Ag
FailOn white
WCAG 1.35:1 · APCA Lc 17
Ag
AAAOn black
WCAG 15.52:1 · APCA Lc 86
Best text color: #000000
WCAG 15.52:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--shining-bright: #fcda89;
--shining-bright-rgb: 252 218 137;
--shining-bright-oklch: oklch(0.9 0.107 87.5);
}
.element {
color: var(--shining-bright);
background-color: hsl(42 95% 76%);
border-color: oklch(0.9 0.107 87.5);
}Tailwind CSS v4
@theme {
--color-shining-bright: #fcda89;
--color-shining-bright-50: #fff4d3;
--color-shining-bright-100: #f6e7c0;
--color-shining-bright-200: #e6d3a0;
--color-shining-bright-300: #cdb577;
--color-shining-bright-400: #b99a4f;
--color-shining-bright-500: #a4811d;
--color-shining-bright-600: #8b6d1c;
--color-shining-bright-700: #6f5717;
--color-shining-bright-800: #533f0e;
--color-shining-bright-900: #3a2b09;
--color-shining-bright-950: #241900;
}SCSS
$shining-bright: #fcda89;
$shining-bright-rgb: 252, 218, 137;
$shining-bright-light: mix(#fff, $shining-bright, 20%);
$shining-bright-dark: mix(#000, $shining-bright, 20%);
.element {
color: $shining-bright;
box-shadow: 0 0 0 2px rgba($shining-bright, 0.35);
}