Couleur nommée la plus proche · #D48B1E
#D48B1E
Couleur nommée la plus proche: Chicken Masala
#D48B1E (rgb(212 139 30), hsl(36 75% 47%), oklch(0.695 0.142 70.2)) est la plus proche de la couleur nommée Chicken Masala. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D48B1E
oklch(0.695 0.142 70.2)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- D99741
- DEA35A
- E3AE71
- E7BA86
- EBC69B
- F0D1AF
- F4DDC3
- F8E8D7
- FBF4EB
Ombres
- B87819
- 9D6613
- 83540E
- 694309
- 513205
- 3A2303
- 241401
- 100700
- 020100
Tons
- CC8A32
- C38A40
- BB894C
- B38855
- AB875E
- A28666
- 9A856D
- 918374
- 89827A
Harmonies de couleurs
Complémentaire +180°
- D48B1E
Chicken Masala
- 50A2F1
≈ Feather Star
Analogue -30° +30°
- D48B1E
Chicken Masala
- E67B55
≈ Tangerine Flake
- B29E0D
≈ Wet Leaf
Triadique +120° +240°
- D48B1E
Chicken Masala
- 00B4AE
≈ Glass Jar Blue
- B882DE
≈ Lavender Blossom
Complémentaire divisée +150° +210°
- D48B1E
Chicken Masala
- 00AED3
≈ Hú Lán Blue
- 8D91F3
≈ Perrywinkle
Tétradique +90° +180° +270°
- D48B1E
Chicken Masala
- 30B77E
≈ Ming Green
- 50A2F1
≈ Feather Star
- D677B8
≈ Peruvian Lily
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.79:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.51:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
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);
}