最も近い色名 · #1E4D00
#1E4D00
最も近い色名: Donegal Green
#1E4D00（rgb(30 77 0)、hsl(97 100% 15%)、oklch(0.372 0.113 137.2)）に最も近い色名はDonegal Greenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#1E4D00
oklch(0.372 0.113 137.2)
カラー変換
- HEX
- #1e4d00
- RGB
- rgb(30 77 0)
- HSL
- hsl(97 100% 15%)
- HWB
- hwb(97 0% 70%)
- OKLCH
- oklch(0.372 0.113 137.2)
- OKLab
- oklab(0.372 -0.083 0.077)
- CIE Lab
- lab(28.4 -27.05 35.03)
- LCH
- lch(28.4 44.26 127.7)
- CMYK
- cmyk(61% 0% 100% 70%)
ティント · シェード · トーン
ティント
- 345E21
- 496F39
- 5E8051
- 749169
- 8AA380
- A0B599
- B7C7B2
- CFD9CB
- E7ECE5
シェード
- 194200
- 133700
- 0E2C00
- 092200
- 051800
- 030F00
- 010700
- 000200
- 000000
トーン
- 295215
- 335823
- 3D5D30
- 46623C
- 506747
- 5A6C53
- 63715E
- 6D7669
- 767B75
カラーハーモニー
補色 +180°
- 1E4D00
Donegal Green
- 582967
≈ Elegant Purple Gown
類似色 -30° +30°
- 1E4D00
Donegal Green
- 454300
≈ Green Not Found
- 004D38
≈ Chrysocolla Dark Green
トライアド +120° +240°
- 1E4D00
Donegal Green
- 113F7B
≈ Twilight Blue
- 701F2A
≈ Red Berry
スプリットコンプリメンタリー +150° +210°
- 1E4D00
Donegal Green
- 3E3378
≈ Galactic Compass
- 68214C
≈ Pompadour
テトラード +90° +180° +270°
- 1E4D00
Donegal Green
- 00475E
≈ Loyal Blue
- 582967
≈ Elegant Purple Gown
- 6A2B00
≈ Cold Press Coffee
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.92:1 · APCA Lc 93
Ag
Fail黒の上
WCAG 2.11:1 · APCA Lc 10
最適な文字色: #FFFFFF
WCAG 9.92:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--donegal-green: #1e4d00;
--donegal-green-rgb: 30 77 0;
--donegal-green-oklch: oklch(0.372 0.113 137.2);
}
.element {
color: var(--donegal-green);
background-color: hsl(97 100% 15%);
border-color: oklch(0.372 0.113 137.2);
}Tailwind CSS v4
@theme {
--color-donegal-green: #1e4d00;
--color-donegal-green-50: #e5fedf;
--color-donegal-green-100: #d5f2ce;
--color-donegal-green-200: #bce1b2;
--color-donegal-green-300: #9ac68e;
--color-donegal-green-400: #7eae6b;
--color-donegal-green-500: #609749;
--color-donegal-green-600: #52803f;
--color-donegal-green-700: #416632;
--color-donegal-green-800: #304b21;
--color-donegal-green-900: #213416;
--color-donegal-green-950: #101f07;
}SCSS
$donegal-green: #1e4d00;
$donegal-green-rgb: 30, 77, 0;
$donegal-green-light: mix(#fff, $donegal-green, 20%);
$donegal-green-dark: mix(#000, $donegal-green, 20%);
.element {
color: $donegal-green;
box-shadow: 0 0 0 2px rgba($donegal-green, 0.35);
}