Nazwany kolor · #D2BD0A
Mustard Flower
Mustard Flower to #D2BD0A: rgb(210 189 10), hsl(54 91% 43%), oklch(0.792 0.164 101.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Mustard Flower color name →
#D2BD0A
oklch(0.792 0.164 101.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6C441
- DBCB5E
- DFD276
- E3D88B
- E8DFA0
- ECE6B3
- F1ECC7
- F6F2DA
- FAF9EC
Odcienie ciemniejsze
- B6A407
- 9B8C05
- 817403
- 685D02
- 504701
- 393301
- 241F00
- 100D00
- 020200
Tony
- C9B72F
- C1B142
- B8AB4F
- B0A559
- A89F62
- A09969
- 979370
- 908D76
- 88867B
Harmonie kolorów
Komplementarna +180°
- D2BD0A
Mustard Flower
- AFB3FF
≈ Winterspring Lilac
Analogowa -30° +30°
- D2BD0A
Mustard Flower
- FBA61E
≈ California Girl
- 95D058
≈ Bright Lettuce
Triada +120° +240°
- D2BD0A
Mustard Flower
- 00CFFC
≈ Tropical Turquoise
- FF8FD9
≈ Pink Delight
Komplementarna rozszczepiona +150° +210°
- D2BD0A
Mustard Flower
- 86C0FF
≈ Scenic Water
- D99FFF
≈ Medium Lavender Magenta
Tetrada +90° +180° +270°
- D2BD0A
Mustard Flower
- 00D6D0
≈ Turquoise Panic
- AFB3FF
≈ Winterspring Lilac
- FF99A7
≈ Fight the Sunrise
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.90:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.02:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 11.02:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
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);
}