最も近い色名 · #56322A
#56322A
最も近い色名: Couch
#56322A（rgb(86 50 42)、hsl(11 34% 25%)、oklch(0.36 0.055 33.3)）に最も近い色名はCouchです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#56322A
oklch(0.36 0.055 33.3)
カラー変換
- HEX
- #56322a
- RGB
- rgb(86 50 42)
- HSL
- hsl(11 34% 25%)
- HWB
- hwb(11 16% 66%)
- OKLCH
- oklch(0.36 0.055 33.3)
- OKLab
- oklab(0.36 0.046 0.03)
- CIE Lab
- lab(25.25 16.02 12.36)
- LCH
- lch(25.25 20.23 37.7)
- CMYK
- cmyk(0% 42% 51% 66%)
ティント · シェード · トーン
ティント
- 66443D
- 765750
- 876A64
- 987E78
- A8938D
- B9A7A3
- CABDB9
- DCD2D0
- EDE9E7
シェード
- 4A2A23
- 3E221C
- 321B16
- 271410
- 1C0D0A
- 120705
- 080302
- 020101
- 000000
トーン
- 5B3A32
- 5F413A
- 644943
- 68514B
- 6C5854
- 70605C
- 746865
- 78706E
- 7C7877
カラーハーモニー
補色 +180°
- 56322A
Couch
- 11444E
≈ Cold and Dark
類似色 -30° +30°
- 56322A
Couch
- 55303A
≈ Port Royale
- 51361D
≈ Brown Bramble
トライアド +120° +240°
- 56322A
Couch
- 25452F
≈ Birōdo Green
- 343B5A
≈ Magic Night
スプリットコンプリメンタリー +150° +210°
- 56322A
Couch
- 134640
≈ Black Soap
- 224057
≈ Salty Dog
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.13:1 · APCA Lc 96
Ag
Fail黒の上
WCAG 1.88:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 11.13:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
CSS
:root {
--couch: #56322a;
--couch-rgb: 86 50 42;
--couch-oklch: oklch(0.36 0.055 33.3);
}
.element {
color: var(--couch);
background-color: hsl(11 34% 25%);
border-color: oklch(0.36 0.055 33.3);
}Tailwind CSS v4
@theme {
--color-couch: #56322a;
--color-couch-50: #fff0eb;
--color-couch-100: #f9e2dc;
--color-couch-200: #eacdc5;
--color-couch-300: #d2aea5;
--color-couch-400: #bc938a;
--color-couch-500: #a7796f;
--color-couch-600: #8d675e;
--color-couch-700: #71524b;
--color-couch-800: #543c37;
--color-couch-900: #3a2925;
--color-couch-950: #241714;
}SCSS
$couch: #56322a;
$couch-rgb: 86, 50, 42;
$couch-light: mix(#fff, $couch, 20%);
$couch-dark: mix(#000, $couch, 20%);
.element {
color: $couch;
box-shadow: 0 0 0 2px rgba($couch, 0.35);
}