最も近い色名 · #60741F
#60741F
最も近い色名: Muddy Green
#60741F（rgb(96 116 31)、hsl(74 58% 29%)、oklch(0.525 0.111 121.9)）に最も近い色名はMuddy Greenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#60741F
oklch(0.525 0.111 121.9)
カラー変換
- HEX
- #60741f
- RGB
- rgb(96 116 31)
- HSL
- hsl(74 58% 29%)
- HWB
- hwb(74 12% 55%)
- OKLCH
- oklch(0.525 0.111 121.9)
- OKLab
- oklab(0.525 -0.059 0.095)
- CIE Lab
- lab(45.91 -17.08 41.72)
- LCH
- lch(45.91 45.08 112.3)
- CMYK
- cmyk(17% 0% 73% 55%)
ティント · シェード · トーン
ティント
- 6E8139
- 7D8F50
- 8C9C66
- 9CAA7B
- ACB891
- BCC6A6
- CCD4BC
- DDE2D2
- EEF1E8
シェード
- 526419
- 455414
- 38450F
- 2C370A
- 202906
- 151B03
- 0A0F01
- 030500
- 000100
トーン
- 63752D
- 667739
- 697843
- 6C794D
- 707B56
- 737C5F
- 767D67
- 797E70
- 7D7F78
カラーハーモニー
補色 +180°
- 60741F
Muddy Green
- 7759A0
≈ Sumire Violet
類似色 -30° +30°
- 60741F
Muddy Green
- 816800
≈ Muddy Brown
- 2E7C49
≈ Salem
トライアド +120° +240°
- 60741F
Muddy Green
- 1E71A5
≈ Quarterdeck
- 9D4C65
≈ Cherry Berry
スプリットコンプリメンタリー +150° +210°
- 60741F
Muddy Green
- 5465AA
≈ Submarine Base
- 8F5087
≈ Razzmic Berry
テトラード +90° +180° +270°
- 60741F
Muddy Green
- 007889
≈ Biscay Bay
- 7759A0
≈ Sumire Violet
- A14F40
≈ Boynton Canyon
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.22:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 4.01:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--muddy-green: #60741f;
--muddy-green-rgb: 96 116 31;
--muddy-green-oklch: oklch(0.525 0.111 121.9);
}
.element {
color: var(--muddy-green);
background-color: hsl(74 58% 29%);
border-color: oklch(0.525 0.111 121.9);
}Tailwind CSS v4
@theme {
--color-muddy-green: #60741f;
--color-muddy-green-50: #eefbd9;
--color-muddy-green-100: #e0efc6;
--color-muddy-green-200: #cadda9;
--color-muddy-green-300: #abc182;
--color-muddy-green-400: #93a95c;
--color-muddy-green-500: #7a9134;
--color-muddy-green-600: #677b2d;
--color-muddy-green-700: #536224;
--color-muddy-green-800: #3e4817;
--color-muddy-green-900: #2a320e;
--color-muddy-green-950: #181e02;
}SCSS
$muddy-green: #60741f;
$muddy-green-rgb: 96, 116, 31;
$muddy-green-light: mix(#fff, $muddy-green, 20%);
$muddy-green-dark: mix(#000, $muddy-green, 20%);
.element {
color: $muddy-green;
box-shadow: 0 0 0 2px rgba($muddy-green, 0.35);
}