Adlandırılmış renk · #D9B611
Patrinia Flowers
Patrinia Flowers, #D9B611: rgb(217 182 17), hsl(50 85% 46%), oklch(0.784 0.158 94.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Patrinia Flowers color name →
#D9B611
oklch(0.784 0.158 94.7)
Renk dönüşümleri
- HEX
- #d9b611
- RGB
- rgb(217 182 17)
- HSL
- hsl(50 85% 46%)
- HWB
- hwb(50 7% 15%)
- OKLCH
- oklch(0.784 0.158 94.7)
- OKLab
- oklab(0.784 -0.013 0.158)
- CIE Lab
- lab(75.46 3.03 74.63)
- LCH
- lch(75.46 74.69 87.7)
- CMYK
- cmyk(0% 16% 92% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DDBE42
- E0C55E
- E4CD76
- E8D48B
- ECDBA0
- F0E3B3
- F3EAC6
- F7F1D9
- FBF8EC
Koyu tonlar
- BC9E0D
- A18609
- 866F06
- 6C5904
- 534402
- 3B3001
- 251D00
- 110C00
- 020200
Gri tonlar
- D0B131
- C7AC42
- BDA64F
- B4A159
- AB9C62
- A39669
- 9A9170
- 918B76
- 88867B
Renk uyumları
Tamamlayıcı +180°
- D9B611
Patrinia Flowers
- A4B3FF
≈ Wondrous Wisteria
Analog -30° +30°
- D9B611
Patrinia Flowers
- FDA035
≈ Blazing Bonfire
- A2C94C
≈ Seductive Thorns
Üçlü +120° +240°
- D9B611
Patrinia Flowers
- 00CEEF
≈ Picnic Day Sky
- F58FE1
≈ Bubblegum Kisses
Bölünmüş tamamlayıcı +150° +210°
- D9B611
Patrinia Flowers
- 74C0FF
≈ Maya Blue
- CDA1FF
≈ Lilac
Dörtlü +90° +180° +270°
- D9B611
Patrinia Flowers
- 00D5C4
≈ Turquoise Panic
- A4B3FF
≈ Wondrous Wisteria
- FF93AE
≈ Baker-Miller Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.97:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.64:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.64:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--patrinia-flowers: #d9b611;
--patrinia-flowers-rgb: 217 182 17;
--patrinia-flowers-oklch: oklch(0.784 0.158 94.7);
}
.element {
color: var(--patrinia-flowers);
background-color: hsl(50 85% 46%);
border-color: oklch(0.784 0.158 94.7);
}Tailwind CSS v4
@theme {
--color-patrinia-flowers: #d9b611;
--color-patrinia-flowers-50: #fff6c2;
--color-patrinia-flowers-100: #f7e9ac;
--color-patrinia-flowers-200: #e7d584;
--color-patrinia-flowers-300: #cfb74e;
--color-patrinia-flowers-400: #bc9c00;
--color-patrinia-flowers-500: #a88100;
--color-patrinia-flowers-600: #8e6e00;
--color-patrinia-flowers-700: #725800;
--color-patrinia-flowers-800: #563f00;
--color-patrinia-flowers-900: #3c2c00;
--color-patrinia-flowers-950: #251800;
}SCSS
$patrinia-flowers: #d9b611;
$patrinia-flowers-rgb: 217, 182, 17;
$patrinia-flowers-light: mix(#fff, $patrinia-flowers, 20%);
$patrinia-flowers-dark: mix(#000, $patrinia-flowers, 20%);
.element {
color: $patrinia-flowers;
box-shadow: 0 0 0 2px rgba($patrinia-flowers, 0.35);
}