Adlandırılmış renk · #F0BE3A
Golden Mary
Golden Mary, #F0BE3A: rgb(240 190 58), hsl(44 86% 58%), oklch(0.825 0.151 86.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Golden Mary color name →
#F0BE3A
oklch(0.825 0.151 86.8)
Renk dönüşümleri
- HEX
- #f0be3a
- RGB
- rgb(240 190 58)
- HSL
- hsl(44 86% 58%)
- HWB
- hwb(44 23% 6%)
- OKLCH
- oklch(0.825 0.151 86.8)
- OKLab
- oklab(0.825 0.008 0.151)
- CIE Lab
- lab(79.93 9.62 69.02)
- LCH
- lch(79.93 69.68 82.1)
- CMYK
- cmyk(0% 21% 76% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F2C557
- F3CC6E
- F5D283
- F6D996
- F8E0A8
- F9E6BA
- FBECCC
- FCF3DD
- FEF9EE
Koyu tonlar
- D1A531
- B28C28
- 957520
- 785E18
- 5D4810
- 433309
- 2A1F04
- 140D01
- 030200
Gri tonlar
- E4B849
- D9B254
- CDAC5D
- C2A664
- B7A06B
- AC9970
- A19375
- 968D79
- 8B867D
Renk uyumları
Tamamlayıcı +180°
- F0BE3A
Golden Mary
- ACC5FF
≈ Night Snow
Analog -30° +30°
- F0BE3A
Golden Mary
- FFB279
≈ Isn’t It Just Peachy
- BFD254
≈ Clown Green
Üçlü +120° +240°
- F0BE3A
Golden Mary
- 00DFF3
≈ Tamarama
- F9A1F9
≈ Rich Brilliant Lavender
Bölünmüş tamamlayıcı +150° +210°
- F0BE3A
Golden Mary
- 83D0FF
≈ Drift on the Sea
- CCB8FF
≈ Violet Heaven
Dörtlü +90° +180° +270°
- F0BE3A
Golden Mary
- 13E5C3
≈ Fake Jade
- ACC5FF
≈ Night Snow
- FFA8C7
≈ Taffy Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.73:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.13:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.13:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--golden-mary: #f0be3a;
--golden-mary-rgb: 240 190 58;
--golden-mary-oklch: oklch(0.825 0.151 86.8);
}
.element {
color: var(--golden-mary);
background-color: hsl(44 86% 58%);
border-color: oklch(0.825 0.151 86.8);
}Tailwind CSS v4
@theme {
--color-golden-mary: #f0be3a;
--color-golden-mary-50: #fff4c4;
--color-golden-mary-100: #fce6ae;
--color-golden-mary-200: #eed187;
--color-golden-mary-300: #d7b354;
--color-golden-mary-400: #c59700;
--color-golden-mary-500: #b17c00;
--color-golden-mary-600: #966900;
--color-golden-mary-700: #785400;
--color-golden-mary-800: #5a3c00;
--color-golden-mary-900: #3f2900;
--color-golden-mary-950: #281700;
}SCSS
$golden-mary: #f0be3a;
$golden-mary-rgb: 240, 190, 58;
$golden-mary-light: mix(#fff, $golden-mary, 20%);
$golden-mary-dark: mix(#000, $golden-mary, 20%);
.element {
color: $golden-mary;
box-shadow: 0 0 0 2px rgba($golden-mary, 0.35);
}