最も近い色名 · #56AE42
#56AE42
最も近い色名: Grass
#56AE42（rgb(86 174 66)、hsl(109 45% 47%)、oklch(0.673 0.168 140.1)）に最も近い色名はGrassです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#56AE42
oklch(0.673 0.168 140.1)
カラー変換
- HEX
- #56ae42
- RGB
- rgb(86 174 66)
- HSL
- hsl(109 45% 47%)
- HWB
- hwb(109 26% 32%)
- OKLCH
- oklch(0.673 0.168 140.1)
- OKLab
- oklab(0.673 -0.129 0.108)
- CIE Lab
- lab(63.95 -43.14 45.48)
- LCH
- lch(63.95 62.69 133.5)
- CMYK
- cmyk(51% 0% 62% 32%)
ティント · シェード · トーン
ティント
- 69B658
- 7ABF6B
- 8BC77E
- 9CCF91
- ADD7A3
- BDDFB6
- CEE7C8
- DEEFDA
- EEF7ED
シェード
- 4A9738
- 3E802F
- 326A25
- 27551C
- 1C4114
- 122E0B
- 081C05
- 020B01
- 000100
トーン
- 5CAA4B
- 62A553
- 67A15A
- 6B9C61
- 6F9867
- 73936C
- 778F72
- 7A8A77
- 7D857B
カラーハーモニー
補色 +180°
- 56AE42
Grass
- C36FD5
≈ Blueberry Glaze
類似色 -30° +30°
- 56AE42
Grass
- 9C9D00
≈ Papyrus
- 00B08A
≈ Victorian Greenhouse
トライアド +120° +240°
- 56AE42
Grass
- 5593FC
≈ Polar Glow
- EB636A
≈ Coral Commander
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.78:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.52:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--grass: #56ae42;
--grass-rgb: 86 174 66;
--grass-oklch: oklch(0.673 0.168 140.1);
}
.element {
color: var(--grass);
background-color: hsl(109 45% 47%);
border-color: oklch(0.673 0.168 140.1);
}Tailwind CSS v4
@theme {
--color-grass: #56ae42;
--color-grass-50: #dbffd6;
--color-grass-100: #c8f7c3;
--color-grass-200: #abe7a4;
--color-grass-300: #83cd7c;
--color-grass-400: #63b651;
--color-grass-500: #3b9f1f;
--color-grass-600: #33871e;
--color-grass-700: #296c18;
--color-grass-800: #204f0a;
--color-grass-900: #153706;
--color-grass-950: #062200;
}SCSS
$grass: #56ae42;
$grass-rgb: 86, 174, 66;
$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);
}