最も近い色名 · #5AAD40
#5AAD40
最も近い色名: Grass
#5AAD40（rgb(90 173 64)、hsl(106 46% 46%)、oklch(0.672 0.167 139)）に最も近い色名はGrassです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#5AAD40
oklch(0.672 0.167 139)
カラー変換
- HEX
- #5aad40
- RGB
- rgb(90 173 64)
- HSL
- hsl(106 46% 46%)
- HWB
- hwb(106 25% 32%)
- OKLCH
- oklch(0.672 0.167 139)
- OKLab
- oklab(0.672 -0.126 0.109)
- CIE Lab
- lab(63.79 -41.74 46.22)
- LCH
- lch(63.79 62.28 132.1)
- CMYK
- cmyk(48% 0% 63% 32%)
ティント · シェード · トーン
ティント
- 6CB656
- 7DBE6A
- 8DC67D
- 9ECF90
- AED7A3
- BEDFB5
- CEE7C7
- DEEFDA
- EFF7EC
シェード
- 4D9636
- 417F2D
- 356A24
- 29551B
- 1E4113
- 132D0B
- 091B05
- 030B01
- 000100
トーン
- 5FA94A
- 64A452
- 69A059
- 6D9C60
- 719766
- 74936C
- 788E71
- 7B8A76
- 7D857B
カラーハーモニー
補色 +180°
- 5AAD40
Grass
- C170D6
≈ Lavender
類似色 -30° +30°
- 5AAD40
Grass
- 9E9C00
≈ Papyrus
- 00B087
≈ Dark Mountain Meadow
トライアド +120° +240°
- 5AAD40
Grass
- 5294FA
≈ Polar Glow
- EA646C
≈ Purehearted
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.48:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--grass: #5aad40;
--grass-rgb: 90 173 64;
--grass-oklch: oklch(0.672 0.167 139);
}
.element {
color: var(--grass);
background-color: hsl(106 46% 46%);
border-color: oklch(0.672 0.167 139);
}Tailwind CSS v4
@theme {
--color-grass: #5aad40;
--color-grass-50: #dcffd5;
--color-grass-100: #caf6c2;
--color-grass-200: #ade6a3;
--color-grass-300: #86cc7b;
--color-grass-400: #67b54f;
--color-grass-500: #419e1c;
--color-grass-600: #38861b;
--color-grass-700: #2d6b16;
--color-grass-800: #234f08;
--color-grass-900: #173706;
--color-grass-950: #082100;
}SCSS
$grass: #5aad40;
$grass-rgb: 90, 173, 64;
$grass-light: mix(#fff, $grass, 20%);
$grass-dark: mix(#000, $grass, 20%);
.element {
color: $grass;
box-shadow: 0 0 0 2px rgba($grass, 0.35);
}