最も近い色名 · #54AE4F
#54AE4F
最も近い色名: Matt Green
#54AE4F（rgb(84 174 79)、hsl(117 38% 50%)、oklch(0.673 0.158 142.6)）に最も近い色名はMatt Greenです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#54AE4F
oklch(0.673 0.158 142.6)
カラー変換
- HEX
- #54ae4f
- RGB
- rgb(84 174 79)
- HSL
- hsl(117 38% 50%)
- HWB
- hwb(117 31% 32%)
- OKLCH
- oklch(0.673 0.158 142.6)
- OKLab
- oklab(0.673 -0.126 0.096)
- CIE Lab
- lab(63.99 -42.6 39.55)
- LCH
- lch(63.99 58.13 137.1)
- CMYK
- cmyk(52% 0% 55% 32%)
ティント · シェード · トーン
ティント
- 67B662
- 79BF74
- 8AC785
- 9BCF97
- ACD7A8
- BDDFB9
- CDE7CB
- DEEFDC
- EEF7ED
シェード
- 489744
- 3C8038
- 316A2E
- 265523
- 1B4119
- 112E10
- 081C07
- 020B02
- 000100
トーン
- 5BAA56
- 61A55C
- 66A161
- 6B9C67
- 6F986B
- 739370
- 778E74
- 7A8A78
- 7D857C
カラーハーモニー
補色 +180°
- 54AE4F
Matt Green
- C371CE
≈ Purple Kush
類似色 -30° +30°
- 54AE4F
Matt Green
- 989F00
≈ Forest Lichen
- 00B08E
≈ Victorian Greenhouse
トライアド +120° +240°
- 54AE4F
Matt Green
- 6093F7
≈ Polar Glow
- E76968
≈ Porcelain Rose
スプリットコンプリメンタリー +150° +210°
- 54AE4F
Matt Green
- 9B81EE
≈ Forgotten Purple
- DD689F
≈ Cosmetologist’s Pink
テトラード +90° +180° +270°
- 54AE4F
Matt Green
- 00A3DD
≈ Vanadyl Blue
- C371CE
≈ Purple Kush
- DF7623
≈ Cherokee Dignity
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.78:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.54:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--matt-green: #54ae4f;
--matt-green-rgb: 84 174 79;
--matt-green-oklch: oklch(0.673 0.158 142.6);
}
.element {
color: var(--matt-green);
background-color: hsl(117 38% 50%);
border-color: oklch(0.673 0.158 142.6);
}Tailwind CSS v4
@theme {
--color-matt-green: #54ae4f;
--color-matt-green-50: #daffda;
--color-matt-green-100: #c8f7c7;
--color-matt-green-200: #aae7aa;
--color-matt-green-300: #82cd83;
--color-matt-green-400: #61b55c;
--color-matt-green-500: #379f33;
--color-matt-green-600: #31862d;
--color-matt-green-700: #276c24;
--color-matt-green-800: #1e4f15;
--color-matt-green-900: #14370d;
--color-matt-green-950: #052202;
}SCSS
$matt-green: #54ae4f;
$matt-green-rgb: 84, 174, 79;
$matt-green-light: mix(#fff, $matt-green, 20%);
$matt-green-dark: mix(#000, $matt-green, 20%);
.element {
color: $matt-green;
box-shadow: 0 0 0 2px rgba($matt-green, 0.35);
}