Colore con nome · #FACE6D
Bright Yarrow
Bright Yarrow è #FACE6D: rgb(250 206 109), hsl(41 93% 70%), oklch(0.87 0.126 85.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Bright Yarrow color name →
#FACE6D
oklch(0.87 0.126 85.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- FBD37E
- FBD88E
- FCDD9D
- FCE2AC
- FDE7BA
- FDECC8
- FEF1D6
- FEF6E4
- FFFAF1
Ombre
- D9B35E
- BA984F
- 9B7F41
- 7D6633
- 614E26
- 463819
- 2D230D
- 150F04
- 030201
Toni
- EDC671
- E1BE75
- D4B678
- C8AF7A
- BBA77C
- AF9F7D
- A3977F
- 97907F
- 8C8880
Armonie di colore
Complementare +180°
- FACE6D
Bright Yarrow
- C0D4FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- FACE6D
Bright Yarrow
- FFC7A1
≈ Apricot Froth
- D1DE7A
≈ Ajwain Green
Triadico +120° +240°
- FACE6D
Bright Yarrow
- 57ECFC
≈ Bioluminescence
- FCB9FF
≈ Distilled Rose
Complementare divisa +150° +210°
- FACE6D
Bright Yarrow
- A5DDFF
≈ Droplet
- D7CCFF
≈ Pale Lavender
Tetradico +90° +180° +270°
- FACE6D
Bright Yarrow
- 6BEFD0
≈ Tiffany Blue
- C0D4FF
≈ Pale Phthalo Blue
- FFC0D7
≈ Sweet Romance
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.48:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.11:1 · APCA Lc 80
Miglior colore del testo: #000000
WCAG 14.11:1 (AAA) · APCA Lc 80
Contrast pairs
Frammenti di codice
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);
}