Benoemde kleur · #FACE6D
Bright Yarrow
Bright Yarrow is #FACE6D: rgb(250 206 109), hsl(41 93% 70%), oklch(0.87 0.126 85.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Bright Yarrow color name →
#FACE6D
oklch(0.87 0.126 85.2)
Kleurconversies
- HEX
- #face6d
- RGB
- rgb(250 206 109)
- HSL
- hsl(41 93% 70%)
- HWB
- hwb(41 43% 2%)
- OKLCH
- oklch(0.87 0.126 85.2)
- OKLab
- oklab(0.87 0.01 0.125)
- CIE Lab
- lab(85.22 7.97 53.58)
- LCH
- lch(85.22 54.17 81.5)
- CMYK
- cmyk(0% 18% 56% 2%)
Tinten · Schaduwen · Tonen
Tinten
- FBD37E
- FBD88E
- FCDD9D
- FCE2AC
- FDE7BA
- FDECC8
- FEF1D6
- FEF6E4
- FFFAF1
Schaduwen
- D9B35E
- BA984F
- 9B7F41
- 7D6633
- 614E26
- 463819
- 2D230D
- 150F04
- 030201
Tonen
- EDC671
- E1BE75
- D4B678
- C8AF7A
- BBA77C
- AF9F7D
- A3977F
- 97907F
- 8C8880
Kleurharmonieën
Complementair +180°
- FACE6D
Bright Yarrow
- C0D4FF
≈ Pale Phthalo Blue
Analoog -30° +30°
- FACE6D
Bright Yarrow
- FFC7A1
≈ Apricot Froth
- D1DE7A
≈ Ajwain Green
Triadisch +120° +240°
- FACE6D
Bright Yarrow
- 57ECFC
≈ Bioluminescence
- FCB9FF
≈ Distilled Rose
Gesplitst complementair +150° +210°
- FACE6D
Bright Yarrow
- A5DDFF
≈ Droplet
- D7CCFF
≈ Pale Lavender
Tetradisch +90° +180° +270°
- FACE6D
Bright Yarrow
- 6BEFD0
≈ Tiffany Blue
- C0D4FF
≈ Pale Phthalo Blue
- FFC0D7
≈ Sweet Romance
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.48:1 · APCA Lc 23
Ag
AAAOp zwart
WCAG 14.11:1 · APCA Lc 80
Beste tekstkleur: #000000
WCAG 14.11:1 (AAA) · APCA Lc 80
Contrast pairs
Codefragmenten
CSS
:root {
--bright-yarrow: #face6d;
--bright-yarrow-rgb: 250 206 109;
--bright-yarrow-oklch: oklch(0.87 0.126 85.2);
}
.element {
color: var(--bright-yarrow);
background-color: hsl(41 93% 70%);
border-color: oklch(0.87 0.126 85.2);
}Tailwind CSS v4
@theme {
--color-bright-yarrow: #face6d;
--color-bright-yarrow-50: #fff4cd;
--color-bright-yarrow-100: #fae6b9;
--color-bright-yarrow-200: #ebd296;
--color-bright-yarrow-300: #d3b469;
--color-bright-yarrow-400: #c0983b;
--color-bright-yarrow-500: #ac7e00;
--color-bright-yarrow-600: #916b00;
--color-bright-yarrow-700: #745500;
--color-bright-yarrow-800: #573d00;
--color-bright-yarrow-900: #3d2a00;
--color-bright-yarrow-950: #261800;
}SCSS
$bright-yarrow: #face6d;
$bright-yarrow-rgb: 250, 206, 109;
$bright-yarrow-light: mix(#fff, $bright-yarrow, 20%);
$bright-yarrow-dark: mix(#000, $bright-yarrow, 20%);
.element {
color: $bright-yarrow;
box-shadow: 0 0 0 2px rgba($bright-yarrow, 0.35);
}