最も近い色名 · #551D1A
#551D1A
最も近い色名: Minotaur Hide
#551D1A（rgb(85 29 26)、hsl(3 53% 22%)、oklch(0.317 0.084 26.1)）に最も近い色名はMinotaur Hideです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#551D1A
oklch(0.317 0.084 26.1)
カラー変換
- HEX
- #551d1a
- RGB
- rgb(85 29 26)
- HSL
- hsl(3 53% 22%)
- HWB
- hwb(3 10% 67%)
- OKLCH
- oklch(0.317 0.084 26.1)
- OKLab
- oklab(0.317 0.076 0.037)
- CIE Lab
- lab(19.9 26.36 16.21)
- LCH
- lch(19.9 30.94 31.6)
- CMYK
- cmyk(0% 66% 69% 67%)
ティント · シェード · トーン
ティント
- 66322E
- 774742
- 885C58
- 99726E
- AA8884
- BB9F9C
- CCB6B4
- DDCECC
- EEE6E5
シェード
- 491815
- 3D1310
- 310E0C
- 260907
- 1C0504
- 110302
- 080101
- 020000
- 000000
トーン
- 5A2724
- 5F312D
- 643B37
- 694541
- 6D4F4B
- 725855
- 756260
- 796C6A
- 7D7675
カラーハーモニー
補色 +180°
- 551D1A
Minotaur Hide
- 003A3F
≈ Customs Green
類似色 -30° +30°
- 551D1A
Minotaur Hide
- 521C33
≈ Tulip Poplar Purple
- 4F2500
≈ Evil Cigar
トライアド +120° +240°
- 551D1A
Minotaur Hide
- 0C3D15
≈ Melancholia
- 1E2F5C
≈ Ending Navy Blue
スプリットコンプリメンタリー +150° +210°
- 551D1A
Minotaur Hide
- 003C31
≈ Night Turquoise
- 003650
≈ Dark Denim Blue
テトラード +90° +180° +270°
- 551D1A
Minotaur Hide
- 303600
≈ Wasabi Nori
- 003A3F
≈ Customs Green
- 362757
≈ Parachute Purple
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 13.31:1 · APCA Lc 99
Ag
Fail黒の上
WCAG 1.57:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 13.31:1 (AAA) · APCA Lc 99
Contrast pairs
コードスニペット
CSS
:root {
--minotaur-hide: #551d1a;
--minotaur-hide-rgb: 85 29 26;
--minotaur-hide-oklch: oklch(0.317 0.084 26.1);
}
.element {
color: var(--minotaur-hide);
background-color: hsl(3 53% 22%);
border-color: oklch(0.317 0.084 26.1);
}Tailwind CSS v4
@theme {
--color-minotaur-hide: #551d1a;
--color-minotaur-hide-50: #ffede8;
--color-minotaur-hide-100: #ffded8;
--color-minotaur-hide-200: #f6c7c0;
--color-minotaur-hide-300: #dfa89f;
--color-minotaur-hide-400: #cc8b84;
--color-minotaur-hide-500: #b77069;
--color-minotaur-hide-600: #9b5f59;
--color-minotaur-hide-700: #7c4c47;
--color-minotaur-hide-800: #5c3634;
--color-minotaur-hide-900: #412523;
--color-minotaur-hide-950: #291412;
}SCSS
$minotaur-hide: #551d1a;
$minotaur-hide-rgb: 85, 29, 26;
$minotaur-hide-light: mix(#fff, $minotaur-hide, 20%);
$minotaur-hide-dark: mix(#000, $minotaur-hide, 20%);
.element {
color: $minotaur-hide;
box-shadow: 0 0 0 2px rgba($minotaur-hide, 0.35);
}