最も近い色名 · #5A2B00
#5A2B00
最も近い色名: Count Chocula
#5A2B00（rgb(90 43 0)、hsl(29 100% 18%)、oklch(0.346 0.085 55.3)）に最も近い色名はCount Choculaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#5A2B00
oklch(0.346 0.085 55.3)
カラー変換
- HEX
- #5a2b00
- RGB
- rgb(90 43 0)
- HSL
- hsl(29 100% 18%)
- HWB
- hwb(29 0% 65%)
- OKLCH
- oklch(0.346 0.085 55.3)
- OKLab
- oklab(0.346 0.049 0.07)
- CIE Lab
- lab(23.69 20.07 33.74)
- LCH
- lch(23.69 39.25 59.3)
- CMYK
- cmyk(0% 52% 100% 65%)
ティント · シェード · トーン
ティント
- 6A3E1E
- 7B5236
- 8B664D
- 9B7B65
- AC907D
- BCA596
- CDBBB0
- DDD1CA
- EEE8E4
シェード
- 4D2400
- 411D00
- 351600
- 291000
- 1E0A00
- 130500
- 090200
- 030100
- 000000
トーン
- 5E3412
- 633C20
- 67452D
- 6B4D39
- 6F5645
- 735E50
- 76665C
- 7A6F68
- 7D7774
カラーハーモニー
補色 +180°
- 5A2B00
Count Chocula
- 003F5A
≈ Maniac Mansion
類似色 -30° +30°
- 5A2B00
Count Chocula
- 5E2422
≈ Ebicha Brown
- 4A3600
≈ Night in the Woods
トライアド +120° +240°
- 5A2B00
Count Chocula
- 004438
≈ UP Forest Green
- 3E2F61
≈ Jakarta Skyline
スプリットコンプリメンタリー +150° +210°
- 5A2B00
Count Chocula
- 004248
≈ Warm Black
- 243766
≈ Passionate Blue
テトラード +90° +180° +270°
- 5A2B00
Count Chocula
- 16451B
≈ Pine Green
- 003F5A
≈ Maniac Mansion
- 4F2851
≈ Murasaki
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.79:1 · APCA Lc 97
Ag
Fail黒の上
WCAG 1.78:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 11.79:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--count-chocula: #5a2b00;
--count-chocula-rgb: 90 43 0;
--count-chocula-oklch: oklch(0.346 0.085 55.3);
}
.element {
color: var(--count-chocula);
background-color: hsl(29 100% 18%);
border-color: oklch(0.346 0.085 55.3);
}Tailwind CSS v4
@theme {
--color-count-chocula: #5a2b00;
--color-count-chocula-50: #fff0de;
--color-count-chocula-100: #ffe1cd;
--color-count-chocula-200: #f1ccb1;
--color-count-chocula-300: #daad8d;
--color-count-chocula-400: #c6916d;
--color-count-chocula-500: #b2774d;
--color-count-chocula-600: #966542;
--color-count-chocula-700: #785034;
--color-count-chocula-800: #5a3a25;
--color-count-chocula-900: #3f2819;
--color-count-chocula-950: #28160a;
}SCSS
$count-chocula: #5a2b00;
$count-chocula-rgb: 90, 43, 0;
$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);
}