Named color · #FFE186
Sweet Chamomile
Sweet Chamomile is #FFE186: rgb(255 225 134), hsl(45 100% 76%), oklch(0.916 0.116 91.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Sweet Chamomile color name →
#FFE186
oklch(0.916 0.116 91.7)
Color conversions
- HEX
- #ffe186
- RGB
- rgb(255 225 134)
- HSL
- hsl(45 100% 76%)
- HWB
- hwb(45 53% 0%)
- OKLCH
- oklch(0.916 0.116 91.7)
- OKLab
- oklab(0.916 -0.003 0.116)
- CIE Lab
- lab(90.63 2.28 48.23)
- LCH
- lch(90.63 48.28 87.3)
- CMYK
- cmyk(0% 12% 47% 0%)
Tints · Shades · Tones
Tints
- FFE494
- FFE7A1
- FFEBAD
- FFEEBA
- FFF1C6
- FFF4D1
- FFF7DD
- FFF9E8
- FFFCF4
Shades
- DEC474
- BEA762
- 9E8B51
- 807040
- 635630
- 483E21
- 2E2713
- 161206
- 030201
Tones
- F2D787
- E4CD87
- D7C387
- CAB987
- BEB087
- B1A686
- A49C85
- 989383
- 8C8982
Color harmonies
Complementary +180°
- FFE186
Sweet Chamomile
- D9E2FF
≈ Stoic White
Analogous -30° +30°
- FFE186
Sweet Chamomile
- FFDCBE
≈ Persian Melon
- D6F097
≈ Creamy Avocado
Triadic +120° +240°
- FFE186
Sweet Chamomile
- ABF1FF
≈ Beyond the Clouds
- FFD3F8
≈ Pink Diamond
Split-complementary +150° +210°
- FFE186
Sweet Chamomile
- CAE8FF
≈ Blue Java Banana
- E9DCFF
≈ Lavender Savour
Tetradic +90° +180° +270°
- FFE186
Sweet Chamomile
- 81FDE8
≈ Defence Matrix
- D9E2FF
≈ Stoic White
- FFD7E1
≈ Pig Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.28:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.36:1 · APCA Lc 90
Best text color: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--sweet-chamomile: #ffe186;
--sweet-chamomile-rgb: 255 225 134;
--sweet-chamomile-oklch: oklch(0.916 0.116 91.7);
}
.element {
color: var(--sweet-chamomile);
background-color: hsl(45 100% 76%);
border-color: oklch(0.916 0.116 91.7);
}Tailwind CSS v4
@theme {
--color-sweet-chamomile: #ffe186;
--color-sweet-chamomile-50: #fff5d0;
--color-sweet-chamomile-100: #f4e8bd;
--color-sweet-chamomile-200: #e4d49c;
--color-sweet-chamomile-300: #cbb771;
--color-sweet-chamomile-400: #b79c46;
--color-sweet-chamomile-500: #a28200;
--color-sweet-chamomile-600: #896f09;
--color-sweet-chamomile-700: #6e5809;
--color-sweet-chamomile-800: #524004;
--color-sweet-chamomile-900: #392c04;
--color-sweet-chamomile-950: #231900;
}SCSS
$sweet-chamomile: #ffe186;
$sweet-chamomile-rgb: 255, 225, 134;
$sweet-chamomile-light: mix(#fff, $sweet-chamomile, 20%);
$sweet-chamomile-dark: mix(#000, $sweet-chamomile, 20%);
.element {
color: $sweet-chamomile;
box-shadow: 0 0 0 2px rgba($sweet-chamomile, 0.35);
}