最も近い色名 · #542C12
#542C12
最も近い色名: Count Chocula
#542C12（rgb(84 44 18)、hsl(24 65% 20%)、oklch(0.34 0.07 51.2)）に最も近い色名はCount Choculaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#542C12
oklch(0.34 0.07 51.2)
カラー変換
- HEX
- #542c12
- RGB
- rgb(84 44 18)
- HSL
- hsl(24 65% 20%)
- HWB
- hwb(24 7% 67%)
- OKLCH
- oklch(0.34 0.07 51.2)
- OKLab
- oklab(0.34 0.044 0.055)
- CIE Lab
- lab(23.05 17.16 24.68)
- LCH
- lch(23.05 30.06 55.2)
- CMYK
- cmyk(0% 48% 79% 67%)
ティント · シェード · トーン
ティント
- 643F28
- 75523E
- 866654
- 977B6B
- A89082
- B9A59A
- CABBB2
- DCD1CB
- EDE8E5
シェード
- 48250E
- 3C1E0A
- 311707
- 261104
- 1B0A02
- 110501
- 080201
- 020100
- 000000
トーン
- 59341E
- 5E3D29
- 624534
- 674D3E
- 6B5649
- 705E54
- 74665F
- 786F6A
- 7C7775
カラーハーモニー
補色 +180°
- 542C12
Count Chocula
- 003E55
≈ Maniac Mansion
類似色 -30° +30°
- 542C12
Count Chocula
- 572828
≈ Kuwazome Red
- 4A3300
≈ Night in the Woods
トライアド +120° +240°
- 542C12
Count Chocula
- 004333
≈ UP Forest Green
- 383159
≈ Jakarta Skyline
スプリットコンプリメンタリー +150° +210°
- 542C12
Count Chocula
- 004144
≈ Warm Black
- 23375C
≈ Navy Peony
テトラード +90° +180° +270°
- 542C12
Count Chocula
- 22411D
≈ Myrtle
- 003E55
≈ Maniac Mansion
- 482B4E
≈ Purple Pennant
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 12.02:1 · APCA Lc 97
Ag
Fail黒の上
WCAG 1.74:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 12.02:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--count-chocula: #542c12;
--count-chocula-rgb: 84 44 18;
--count-chocula-oklch: oklch(0.34 0.07 51.2);
}
.element {
color: var(--count-chocula);
background-color: hsl(24 65% 20%);
border-color: oklch(0.34 0.07 51.2);
}Tailwind CSS v4
@theme {
--color-count-chocula: #542c12;
--color-count-chocula-50: #fff0e3;
--color-count-chocula-100: #fce2d3;
--color-count-chocula-200: #edcdb9;
--color-count-chocula-300: #d5ae96;
--color-count-chocula-400: #c19379;
--color-count-chocula-500: #ac795b;
--color-count-chocula-600: #91664d;
--color-count-chocula-700: #74523e;
--color-count-chocula-800: #563b2c;
--color-count-chocula-900: #3c291e;
--color-count-chocula-950: #26160e;
}SCSS
$count-chocula: #542c12;
$count-chocula-rgb: 84, 44, 18;
$count-chocula-light: mix(#fff, $count-chocula, 20%);
$count-chocula-dark: mix(#000, $count-chocula, 20%);
.element {
color: $count-chocula;
box-shadow: 0 0 0 2px rgba($count-chocula, 0.35);
}