Cor nomeada · #D2BD0A
Mustard Flower
Mustard Flower é #D2BD0A: rgb(210 189 10), hsl(54 91% 43%), oklch(0.792 0.164 101.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Mustard Flower color name →
#D2BD0A
oklch(0.792 0.164 101.2)
Conversões de cor
- HEX
- #d2bd0a
- RGB
- rgb(210 189 10)
- HSL
- hsl(54 91% 43%)
- HWB
- hwb(54 4% 18%)
- OKLCH
- oklch(0.792 0.164 101.2)
- OKLab
- oklab(0.792 -0.032 0.161)
- CIE Lab
- lab(76.58 -3.5 75.89)
- LCH
- lch(76.58 75.97 92.6)
- CMYK
- cmyk(0% 10% 95% 18%)
Tons claros · Sombras · Tons
Tons claros
- D6C441
- DBCB5E
- DFD276
- E3D88B
- E8DFA0
- ECE6B3
- F1ECC7
- F6F2DA
- FAF9EC
Sombras
- B6A407
- 9B8C05
- 817403
- 685D02
- 504701
- 393301
- 241F00
- 100D00
- 020200
Tons
- C9B72F
- C1B142
- B8AB4F
- B0A559
- A89F62
- A09969
- 979370
- 908D76
- 88867B
Harmonias de cor
Complementar +180°
- D2BD0A
Mustard Flower
- AFB3FF
≈ Winterspring Lilac
Análoga -30° +30°
- D2BD0A
Mustard Flower
- FBA61E
≈ California Girl
- 95D058
≈ Bright Lettuce
Tríade +120° +240°
- D2BD0A
Mustard Flower
- 00CFFC
≈ Tropical Turquoise
- FF8FD9
≈ Pink Delight
Complementar dividida +150° +210°
- D2BD0A
Mustard Flower
- 86C0FF
≈ Scenic Water
- D99FFF
≈ Medium Lavender Magenta
Tétrade +90° +180° +270°
- D2BD0A
Mustard Flower
- 00D6D0
≈ Turquoise Panic
- AFB3FF
≈ Winterspring Lilac
- FF99A7
≈ Fight the Sunrise
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.90:1 · APCA Lc 36
Ag
AAASobre preto
WCAG 11.02:1 · APCA Lc 66
Melhor cor de texto: #000000
WCAG 11.02:1 (AAA) · APCA Lc 66
Contrast pairs
Trechos de código
CSS
:root {
--mustard-flower: #d2bd0a;
--mustard-flower-rgb: 210 189 10;
--mustard-flower-oklch: oklch(0.792 0.164 101.2);
}
.element {
color: var(--mustard-flower);
background-color: hsl(54 91% 43%);
border-color: oklch(0.792 0.164 101.2);
}Tailwind CSS v4
@theme {
--color-mustard-flower: #d2bd0a;
--color-mustard-flower-50: #fdf8c2;
--color-mustard-flower-100: #f1ebab;
--color-mustard-flower-200: #e0d883;
--color-mustard-flower-300: #c7bb4c;
--color-mustard-flower-400: #b4a000;
--color-mustard-flower-500: #9f8600;
--color-mustard-flower-600: #867200;
--color-mustard-flower-700: #6b5b00;
--color-mustard-flower-800: #514200;
--color-mustard-flower-900: #382d00;
--color-mustard-flower-950: #231a00;
}SCSS
$mustard-flower: #d2bd0a;
$mustard-flower-rgb: 210, 189, 10;
$mustard-flower-light: mix(#fff, $mustard-flower, 20%);
$mustard-flower-dark: mix(#000, $mustard-flower, 20%);
.element {
color: $mustard-flower;
box-shadow: 0 0 0 2px rgba($mustard-flower, 0.35);
}