最も近い色名 · #5E3E2B
#5E3E2B
最も近い色名: Peat Brown
#5E3E2B（rgb(94 62 43)、hsl(22 37% 27%)、oklch(0.396 0.054 51.3)）に最も近い色名はPeat Brownです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#5E3E2B
oklch(0.396 0.054 51.3)
カラー変換
- HEX
- #5e3e2b
- RGB
- rgb(94 62 43)
- HSL
- hsl(22 37% 27%)
- HWB
- hwb(22 17% 63%)
- OKLCH
- oklch(0.396 0.054 51.3)
- OKLab
- oklab(0.396 0.034 0.042)
- CIE Lab
- lab(29.64 12.67 17.62)
- LCH
- lch(29.64 21.7 54.3)
- CMYK
- cmyk(0% 34% 54% 63%)
ティント · シェード · トーン
ティント
- 6D4F3E
- 7D6151
- 8C7465
- 9C867A
- AC998F
- BCADA4
- CDC1BA
- DDD5D1
- EEEAE8
シェード
- 513524
- 442B1D
- 372316
- 2B1A10
- 1F120A
- 140A05
- 0A0402
- 030101
- 000000
トーン
- 624433
- 654B3C
- 695144
- 6C584C
- 705F55
- 73655D
- 766C66
- 7A736F
- 7D7977
カラーハーモニー
補色 +180°
- 5E3E2B
Peat Brown
- 254C5F
≈ Deep Ocean
類似色 -30° +30°
- 5E3E2B
Peat Brown
- 613B3A
≈ Cuba Brown
- 554423
≈ Beech Brown
トライアド +120° +240°
- 5E3E2B
Peat Brown
- 245043
≈ Hunt Club
- 474162
≈ Heraldic
スプリットコンプリメンタリー +150° +210°
- 5E3E2B
Peat Brown
- 1C4F53
≈ Immersed
- 364764
≈ Garnet Stone Blue
テトラード +90° +180° +270°
- 5E3E2B
Peat Brown
- 364E32
≈ Nettle Green
- 254C5F
≈ Deep Ocean
- 543D58
≈ Old Heliotrope
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.54:1 · APCA Lc 92
Ag
Fail黒の上
WCAG 2.19:1 · APCA Lc 10
最適な文字色: #FFFFFF
WCAG 9.54:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--peat-brown: #5e3e2b;
--peat-brown-rgb: 94 62 43;
--peat-brown-oklch: oklch(0.396 0.054 51.3);
}
.element {
color: var(--peat-brown);
background-color: hsl(22 37% 27%);
border-color: oklch(0.396 0.054 51.3);
}Tailwind CSS v4
@theme {
--color-peat-brown: #5e3e2b;
--color-peat-brown-50: #fff1e7;
--color-peat-brown-100: #f7e3d8;
--color-peat-brown-200: #e8cfbf;
--color-peat-brown-300: #cfb09e;
--color-peat-brown-400: #b99682;
--color-peat-brown-500: #a47c65;
--color-peat-brown-600: #8a6956;
--color-peat-brown-700: #6f5445;
--color-peat-brown-800: #523d32;
--color-peat-brown-900: #392a22;
--color-peat-brown-950: #241711;
}SCSS
$peat-brown: #5e3e2b;
$peat-brown-rgb: 94, 62, 43;
$peat-brown-light: mix(#fff, $peat-brown, 20%);
$peat-brown-dark: mix(#000, $peat-brown, 20%);
.element {
color: $peat-brown;
box-shadow: 0 0 0 2px rgba($peat-brown, 0.35);
}