最も近い色名 · #56AE3F
#56AE3F
最も近い色名: Grass
#56AE3F（rgb(86 174 63)、hsl(108 47% 46%)、oklch(0.672 0.171 139.7)）に最も近い色名はGrassです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#56AE3F
oklch(0.672 0.171 139.7)
カラー変換
- HEX
- #56ae3f
- RGB
- rgb(86 174 63)
- HSL
- hsl(108 47% 46%)
- HWB
- hwb(108 25% 32%)
- OKLCH
- oklch(0.672 0.171 139.7)
- OKLab
- oklab(0.672 -0.13 0.11)
- CIE Lab
- lab(63.93 -43.36 46.75)
- LCH
- lch(63.93 63.76 132.9)
- CMYK
- cmyk(51% 0% 64% 32%)
ティント · シェード · トーン
ティント
- 69B655
- 7ABF6A
- 8BC77D
- 9CCF90
- ADD7A2
- BDDFB5
- CDE7C7
- DEEFDA
- EEF7EC
シェード
- 4A9735
- 3E802C
- 326A23
- 27551B
- 1C4112
- 122E0A
- 081C04
- 020B01
- 000100
トーン
- 5CAA49
- 62A551
- 67A159
- 6B9C60
- 6F9866
- 73936C
- 778F71
- 7A8A76
- 7D857B
カラーハーモニー
補色 +180°
- 56AE3F
Grass
- C36FD7
≈ Blueberry Glaze
類似色 -30° +30°
- 56AE3F
Grass
- 9D9D00
≈ Papyrus
- 00B089
≈ Victorian Greenhouse
トライアド +120° +240°
- 56AE3F
Grass
- 5293FD
≈ Polar Glow
- EC626A
≈ Dubarry
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79: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: #56ae3f;
--grass-rgb: 86 174 63;
--grass-oklch: oklch(0.672 0.171 139.7);
}
.element {
color: var(--grass);
background-color: hsl(108 47% 46%);
border-color: oklch(0.672 0.171 139.7);
}Tailwind CSS v4
@theme {
--color-grass: #56ae3f;
--color-grass-50: #dbffd5;
--color-grass-100: #c8f7c2;
--color-grass-200: #abe7a3;
--color-grass-300: #83cd7a;
--color-grass-400: #63b64e;
--color-grass-500: #3b9f19;
--color-grass-600: #338719;
--color-grass-700: #296c15;
--color-grass-800: #204f07;
--color-grass-900: #153705;
--color-grass-950: #062200;
}SCSS
$grass: #56ae3f;
$grass-rgb: 86, 174, 63;
$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);
}