最も近い色名 · #D48B1E
#D48B1E
最も近い色名: Chicken Masala
#D48B1E（rgb(212 139 30)、hsl(36 75% 47%)、oklch(0.695 0.142 70.2)）に最も近い色名はChicken Masalaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D48B1E
oklch(0.695 0.142 70.2)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- D99741
- DEA35A
- E3AE71
- E7BA86
- EBC69B
- F0D1AF
- F4DDC3
- F8E8D7
- FBF4EB
シェード
- B87819
- 9D6613
- 83540E
- 694309
- 513205
- 3A2303
- 241401
- 100700
- 020100
トーン
- CC8A32
- C38A40
- BB894C
- B38855
- AB875E
- A28666
- 9A856D
- 918374
- 89827A
カラーハーモニー
補色 +180°
- D48B1E
Chicken Masala
- 50A2F1
≈ Feather Star
類似色 -30° +30°
- D48B1E
Chicken Masala
- E67B55
≈ Tangerine Flake
- B29E0D
≈ Wet Leaf
トライアド +120° +240°
- D48B1E
Chicken Masala
- 00B4AE
≈ Glass Jar Blue
- B882DE
≈ Lavender Blossom
スプリットコンプリメンタリー +150° +210°
- D48B1E
Chicken Masala
- 00AED3
≈ Hú Lán Blue
- 8D91F3
≈ Perrywinkle
テトラード +90° +180° +270°
- D48B1E
Chicken Masala
- 30B77E
≈ Ming Green
- 50A2F1
≈ Feather Star
- D677B8
≈ Peruvian Lily
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.51:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
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);
}