最も近い色名 · #8EA359
#8EA359
最も近い色名: Gallant Green
#8EA359（rgb(142 163 89)、hsl(77 29% 49%)、oklch(0.682 0.102 122.1)）に最も近い色名はGallant Greenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#8EA359
oklch(0.682 0.102 122.1)
カラー変換
- HEX
- #8ea359
- RGB
- rgb(142 163 89)
- HSL
- hsl(77 29% 49%)
- HWB
- hwb(77 35% 36%)
- OKLCH
- oklch(0.682 0.102 122.1)
- OKLab
- oklab(0.682 -0.054 0.087)
- CIE Lab
- lab(64.06 -16.67 35.67)
- LCH
- lch(64.06 39.37 115)
- CMYK
- cmyk(13% 0% 45% 36%)
ティント · シェード · トーン
ティント
- 99AC6A
- A3B57B
- AEBE8B
- BAC89C
- C5D1AC
- D0DABC
- DCE3CD
- E7ECDE
- F3F6EE
シェード
- 7B8D4C
- 687840
- 566334
- 444F28
- 343C1D
- 242A13
- 151909
- 070A03
- 010100
トーン
- 8DA05E
- 8B9C63
- 8A9967
- 88956B
- 87926F
- 858E73
- 848B76
- 83877A
- 81847D
カラーハーモニー
補色 +180°
- 8EA359
Gallant Green
- A589CE
≈ Middy’s Purple
類似色 -30° +30°
- 8EA359
Gallant Green
- AF9749
≈ Outdoorsy
- 65AB79
≈ Green Tea Candy
トライアド +120° +240°
- 8EA359
Gallant Green
- 5CA0D3
≈ Picton Blue
- CD7D94
≈ Wild Rose
スプリットコンプリメンタリー +150° +210°
- 8EA359
Gallant Green
- 8395D8
≈ Mystic Iris
- BE81B5
≈ Lavender Sweater
テトラード +90° +180° +270°
- 8EA359
Gallant Green
- 39A9BE
≈ Moonstone
- A589CE
≈ Middy’s Purple
- D08170
≈ Fire Chalk
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.78:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.53:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--gallant-green: #8ea359;
--gallant-green-rgb: 142 163 89;
--gallant-green-oklch: oklch(0.682 0.102 122.1);
}
.element {
color: var(--gallant-green);
background-color: hsl(77 29% 49%);
border-color: oklch(0.682 0.102 122.1);
}Tailwind CSS v4
@theme {
--color-gallant-green: #8ea359;
--color-gallant-green-50: #effbdb;
--color-gallant-green-100: #e0eec9;
--color-gallant-green-200: #cbdcac;
--color-gallant-green-300: #acc187;
--color-gallant-green-400: #94a862;
--color-gallant-green-500: #7b913e;
--color-gallant-green-600: #687a35;
--color-gallant-green-700: #53622a;
--color-gallant-green-800: #3e471c;
--color-gallant-green-900: #2a3212;
--color-gallant-green-950: #181d05;
}SCSS
$gallant-green: #8ea359;
$gallant-green-rgb: 142, 163, 89;
$gallant-green-light: mix(#fff, $gallant-green, 20%);
$gallant-green-dark: mix(#000, $gallant-green, 20%);
.element {
color: $gallant-green;
box-shadow: 0 0 0 2px rgba($gallant-green, 0.35);
}