最も近い色名 · #5E542C
#5E542C
最も近い色名: Reptile Revenge
#5E542C（rgb(94 84 44)、hsl(48 36% 27%)、oklch(0.446 0.059 95.7)）に最も近い色名はReptile Revengeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#5E542C
oklch(0.446 0.059 95.7)
カラー変換
- HEX
- #5e542c
- RGB
- rgb(94 84 44)
- HSL
- hsl(48 36% 27%)
- HWB
- hwb(48 17% 63%)
- OKLCH
- oklch(0.446 0.059 95.7)
- OKLab
- oklab(0.446 -0.006 0.059)
- CIE Lab
- lab(35.98 -0.18 24.76)
- LCH
- lch(35.98 24.76 90.4)
- CMYK
- cmyk(0% 11% 53% 63%)
ティント · シェード · トーン
ティント
- 6D6440
- 7C7454
- 8B8468
- 9B957C
- ABA691
- BBB7A6
- CCC9BC
- DDDBD2
- EEEDE8
シェード
- 514825
- 443C1E
- 373117
- 2B2611
- 1F1B0A
- 141105
- 0A0802
- 030201
- 000000
トーン
- 615835
- 655D3E
- 686146
- 6B664E
- 6F6A57
- 726E5F
- 767367
- 79776F
- 7C7C78
カラーハーモニー
補色 +180°
- 5E542C
Reptile Revenge
- 4B5175
≈ Provocative
類似色 -30° +30°
- 5E542C
Reptile Revenge
- 6B4D2F
≈ Tilled Soil
- 4C5A35
≈ Green Goanna
トライアド +120° +240°
- 5E542C
Reptile Revenge
- 275C69
≈ Night Shift
- 694761
≈ Bunchberry
スプリットコンプリメンタリー +150° +210°
- 5E542C
Reptile Revenge
- 375773
≈ Blue Earth
- 5C4C6E
≈ Loganberry
テトラード +90° +180° +270°
- 5E542C
Reptile Revenge
- 275F59
≈ Verdant Forest
- 4B5175
≈ Provocative
- 70464F
≈ Formal Maroon
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.55:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.78:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.55:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--reptile-revenge: #5e542c;
--reptile-revenge-rgb: 94 84 44;
--reptile-revenge-oklch: oklch(0.446 0.059 95.7);
}
.element {
color: var(--reptile-revenge);
background-color: hsl(48 36% 27%);
border-color: oklch(0.446 0.059 95.7);
}Tailwind CSS v4
@theme {
--color-reptile-revenge: #5e542c;
--color-reptile-revenge-50: #f9f6e3;
--color-reptile-revenge-100: #ede8d2;
--color-reptile-revenge-200: #dbd5b9;
--color-reptile-revenge-300: #bfb896;
--color-reptile-revenge-400: #a99f77;
--color-reptile-revenge-500: #928658;
--color-reptile-revenge-600: #7b724b;
--color-reptile-revenge-700: #635b3c;
--color-reptile-revenge-800: #49422a;
--color-reptile-revenge-900: #332e1c;
--color-reptile-revenge-950: #1e1a0d;
}SCSS
$reptile-revenge: #5e542c;
$reptile-revenge-rgb: 94, 84, 44;
$reptile-revenge-light: mix(#fff, $reptile-revenge, 20%);
$reptile-revenge-dark: mix(#000, $reptile-revenge, 20%);
.element {
color: $reptile-revenge;
box-shadow: 0 0 0 2px rgba($reptile-revenge, 0.35);
}