色名 · #115500
Donegal Green
Donegal Greenは#115500：rgb(17 85 0)、hsl(108 100% 17%)、oklch(0.393 0.128 140.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Donegal Green color name →
#115500
oklch(0.393 0.128 140.7)
カラー変換
- HEX
- #115500
- RGB
- rgb(17 85 0)
- HSL
- hsl(108 100% 17%)
- HWB
- hwb(108 0% 67%)
- OKLCH
- oklch(0.393 0.128 140.7)
- OKLab
- oklab(0.393 -0.099 0.081)
- CIE Lab
- lab(30.97 -33.14 36.79)
- LCH
- lch(30.97 49.52 132)
- CMYK
- cmyk(80% 0% 100% 67%)
ティント · シェード · トーン
ティント
- 2D6522
- 44753B
- 5B8653
- 71976A
- 88A882
- 9FB99A
- B6CAB3
- CEDCCC
- E6EDE5
シェード
- 0D4900
- 093D00
- 063100
- 042600
- 021C00
- 011100
- 000800
- 000200
- 000000
トーン
- 215A16
- 2E5E25
- 396331
- 44673D
- 4E6B49
- 587054
- 62745F
- 6C786A
- 767C75
カラーハーモニー
補色 +180°
- 115500
Donegal Green
- 63286F
≈ Imperial
類似色 -30° +30°
- 115500
Donegal Green
- 484900
≈ No Emissions Green
- 005340
≈ Tetsu Green
トライアド +120° +240°
- 115500
Donegal Green
- 184289
≈ Pacific Depths
- 7C1E26
≈ Deep Dairei Red
スプリットコンプリメンタリー +150° +210°
- 115500
Donegal Green
- 483484
≈ Majestic Eggplant
- 751F4E
≈ Pansy Purple
テトラード +90° +180° +270°
- 115500
Donegal Green
- 004D68
≈ Work Blue
- 63286F
≈ Imperial
- 6F3100
≈ Cold Press Coffee
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.03:1 · APCA Lc 90
Ag
Fail黒の上
WCAG 2.32:1 · APCA Lc 12
最適な文字色: #FFFFFF
WCAG 9.03:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--donegal-green: #115500;
--donegal-green-rgb: 17 85 0;
--donegal-green-oklch: oklch(0.393 0.128 140.7);
}
.element {
color: var(--donegal-green);
background-color: hsl(108 100% 17%);
border-color: oklch(0.393 0.128 140.7);
}Tailwind CSS v4
@theme {
--color-donegal-green: #115500;
--color-donegal-green-50: #e1ffde;
--color-donegal-green-100: #d0f4cc;
--color-donegal-green-200: #b5e3b1;
--color-donegal-green-300: #91c98c;
--color-donegal-green-400: #73b168;
--color-donegal-green-500: #529a45;
--color-donegal-green-600: #46833b;
--color-donegal-green-700: #38692f;
--color-donegal-green-800: #2a4d1f;
--color-donegal-green-900: #1c3514;
--color-donegal-green-950: #0c2006;
}SCSS
$donegal-green: #115500;
$donegal-green-rgb: 17, 85, 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);
}