Named color · #FFDD49
Conifer Blossom
Conifer Blossom is #FFDD49: rgb(255 221 73), hsl(49 100% 64%), oklch(0.901 0.163 95.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Conifer Blossom color name →
#FFDD49
oklch(0.901 0.163 95.8)
Color conversions
- HEX
- #ffdd49
- RGB
- rgb(255 221 73)
- HSL
- hsl(49 100% 64%)
- HWB
- hwb(49 29% 0%)
- OKLCH
- oklch(0.901 0.163 95.8)
- OKLab
- oklab(0.901 -0.016 0.162)
- CIE Lab
- lab(89.15 1.22 72.81)
- LCH
- lch(89.15 72.82 89)
- CMYK
- cmyk(0% 13% 71% 0%)
Tints · Shades · Tones
Tints
- FFE164
- FFE57A
- FFE88D
- FFEC9F
- FFEFB1
- FFF3C1
- FFF6D1
- FFF9E1
- FFFCF0
Shades
- DEC03E
- BEA434
- 9E882A
- 806E20
- 635517
- 483D0E
- 2E2606
- 161102
- 030200
Tones
- F2D455
- E4CA5F
- D7C167
- CAB86D
- BDAE72
- B1A576
- A49C79
- 98937C
- 8C897E
Color harmonies
Complementary +180°
- FFDD49
Conifer Blossom
- D5DDFF
≈ Transparent Blue
Analogous -30° +30°
- FFDD49
Conifer Blossom
- FFD6AE
≈ Delicious Melon
- C4F172
≈ Cucumber Milk
Triadic +120° +240°
- FFDD49
Conifer Blossom
- A3ECFF
≈ Beyond the Clouds
- FFCCF2
≈ Puff of Pink
Split-complementary +150° +210°
- FFDD49
Conifer Blossom
- C3E3FF
≈ Fresh Water
- E8D5FF
≈ Rose Dragée
Tetradic +90° +180° +270°
- FFDD49
Conifer Blossom
- 20FFED
≈ Ice Temple
- D5DDFF
≈ Transparent Blue
- FFD0D9
≈ Bologna Sausage
Contrast & accessibility
Ag
FailOn white
WCAG 1.33:1 · APCA Lc 17
Ag
AAAOn black
WCAG 15.69:1 · APCA Lc 87
Best text color: #000000
WCAG 15.69:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--conifer-blossom: #ffdd49;
--conifer-blossom-rgb: 255 221 73;
--conifer-blossom-oklch: oklch(0.901 0.163 95.8);
}
.element {
color: var(--conifer-blossom);
background-color: hsl(49 100% 64%);
border-color: oklch(0.901 0.163 95.8);
}Tailwind CSS v4
@theme {
--color-conifer-blossom: #ffdd49;
--color-conifer-blossom-50: #fff6c1;
--color-conifer-blossom-100: #f6e9aa;
--color-conifer-blossom-200: #e7d582;
--color-conifer-blossom-300: #ceb84b;
--color-conifer-blossom-400: #bc9c00;
--color-conifer-blossom-500: #a78200;
--color-conifer-blossom-600: #8d6e00;
--color-conifer-blossom-700: #715800;
--color-conifer-blossom-800: #553f00;
--color-conifer-blossom-900: #3b2c00;
--color-conifer-blossom-950: #251900;
}SCSS
$conifer-blossom: #ffdd49;
$conifer-blossom-rgb: 255, 221, 73;
$conifer-blossom-light: mix(#fff, $conifer-blossom, 20%);
$conifer-blossom-dark: mix(#000, $conifer-blossom, 20%);
.element {
color: $conifer-blossom;
box-shadow: 0 0 0 2px rgba($conifer-blossom, 0.35);
}