En yakın adlandırılmış renk · #D48B1E
#D48B1E
En yakın adlandırılmış renk: Chicken Masala
#D48B1E (rgb(212 139 30), hsl(36 75% 47%), oklch(0.695 0.142 70.2)) en çok Chicken Masala adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D48B1E
oklch(0.695 0.142 70.2)
Renk dönüşümleri
- HEX
- #d48b1e
- RGB
- rgb(212 139 30)
- HSL
- hsl(36 75% 47%)
- HWB
- hwb(36 12% 17%)
- OKLCH
- oklch(0.695 0.142 70.2)
- OKLab
- oklab(0.695 0.048 0.134)
- CIE Lab
- lab(64.35 22.91 63.54)
- LCH
- lch(64.35 67.55 70.2)
- CMYK
- cmyk(0% 34% 86% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D99741
- DEA35A
- E3AE71
- E7BA86
- EBC69B
- F0D1AF
- F4DDC3
- F8E8D7
- FBF4EB
Koyu tonlar
- B87819
- 9D6613
- 83540E
- 694309
- 513205
- 3A2303
- 241401
- 100700
- 020100
Gri tonlar
- CC8A32
- C38A40
- BB894C
- B38855
- AB875E
- A28666
- 9A856D
- 918374
- 89827A
Renk uyumları
Tamamlayıcı +180°
- D48B1E
Chicken Masala
- 50A2F1
≈ Feather Star
Analog -30° +30°
- D48B1E
Chicken Masala
- E67B55
≈ Tangerine Flake
- B29E0D
≈ Wet Leaf
Üçlü +120° +240°
- D48B1E
Chicken Masala
- 00B4AE
≈ Glass Jar Blue
- B882DE
≈ Lavender Blossom
Bölünmüş tamamlayıcı +150° +210°
- D48B1E
Chicken Masala
- 00AED3
≈ Hú Lán Blue
- 8D91F3
≈ Perrywinkle
Dörtlü +90° +180° +270°
- D48B1E
Chicken Masala
- 30B77E
≈ Ming Green
- 50A2F1
≈ Feather Star
- D677B8
≈ Peruvian Lily
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.51:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--chicken-masala: #d48b1e;
--chicken-masala-rgb: 212 139 30;
--chicken-masala-oklch: oklch(0.695 0.142 70.2);
}
.element {
color: var(--chicken-masala);
background-color: hsl(36 75% 47%);
border-color: oklch(0.695 0.142 70.2);
}Tailwind CSS v4
@theme {
--color-chicken-masala: #d48b1e;
--color-chicken-masala-50: #ffefc9;
--color-chicken-masala-100: #ffe1b4;
--color-chicken-masala-200: #facb90;
--color-chicken-masala-300: #e4ab61;
--color-chicken-masala-400: #d38e2e;
--color-chicken-masala-500: #c07100;
--color-chicken-masala-600: #a26000;
--color-chicken-masala-700: #824d00;
--color-chicken-masala-800: #623700;
--color-chicken-masala-900: #442600;
--color-chicken-masala-950: #2c1400;
}SCSS
$chicken-masala: #d48b1e;
$chicken-masala-rgb: 212, 139, 30;
$chicken-masala-light: mix(#fff, $chicken-masala, 20%);
$chicken-masala-dark: mix(#000, $chicken-masala, 20%);
.element {
color: $chicken-masala;
box-shadow: 0 0 0 2px rgba($chicken-masala, 0.35);
}