最も近い色名 · #4BAE67
#4BAE67
最も近い色名: Green Mana
#4BAE67（rgb(75 174 103)、hsl(137 40% 49%)、oklch(0.674 0.14 150.3)）に最も近い色名はGreen Manaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#4BAE67
oklch(0.674 0.14 150.3)
カラー変換
- HEX
- #4bae67
- RGB
- rgb(75 174 103)
- HSL
- hsl(137 40% 49%)
- HWB
- hwb(137 29% 32%)
- OKLCH
- oklch(0.674 0.14 150.3)
- OKLab
- oklab(0.674 -0.121 0.069)
- CIE Lab
- lab(63.94 -42.28 27.39)
- LCH
- lch(63.94 50.38 147.1)
- CMYK
- cmyk(57% 0% 41% 32%)
ティント · シェード · トーン
ティント
- 60B676
- 74BF85
- 86C794
- 98CFA3
- AAD7B2
- BBDFC1
- CCE7D1
- DDEFE0
- EEF7EF
シェード
- 409759
- 35804B
- 2B6A3D
- 215530
- 174123
- 0E2E17
- 061C0C
- 020B04
- 000100
トーン
- 54AA6A
- 5BA56D
- 61A170
- 679C73
- 6C9875
- 719377
- 758E7A
- 798A7C
- 7D857E
カラーハーモニー
補色 +180°
- 4BAE67
Green Mana
- C674BF
≈ Gulābī Pink
類似色 -30° +30°
- 4BAE67
Green Mana
- 8BA230
≈ Biology Experiments
- 00AE9A
≈ Pool Green
トライアド +120° +240°
- 4BAE67
Green Mana
- 7690EC
≈ Guilliman Blue
- DF7261
≈ Mettwurst
スプリットコンプリメンタリー +150° +210°
- 4BAE67
Green Mana
- A480DF
≈ Lavender Blossom
- DA6E92
≈ Paris Pink
テトラード +90° +180° +270°
- 4BAE67
Green Mana
- 2DA0E3
≈ Dayflower
- C674BF
≈ Gulābī Pink
- D47F2C
≈ Yellow Mandarin
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.78:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.54:1 · APCA Lc 49
最適な文字色: #000000
WCAG 7.54:1 (AAA) · APCA Lc 49
Contrast pairs
コードスニペット
CSS
:root {
--green-mana: #4bae67;
--green-mana-rgb: 75 174 103;
--green-mana-oklch: oklch(0.674 0.14 150.3);
}
.element {
color: var(--green-mana);
background-color: hsl(137 40% 49%);
border-color: oklch(0.674 0.14 150.3);
}Tailwind CSS v4
@theme {
--color-green-mana: #4bae67;
--color-green-mana-50: #d8ffe2;
--color-green-mana-100: #c6f6d2;
--color-green-mana-200: #a7e6b7;
--color-green-mana-300: #7ecc94;
--color-green-mana-400: #59b571;
--color-green-mana-500: #289f51;
--color-green-mana-600: #258646;
--color-green-mana-700: #1e6c37;
--color-green-mana-800: #174f25;
--color-green-mana-900: #0f3719;
--color-green-mana-950: #022209;
}SCSS
$green-mana: #4bae67;
$green-mana-rgb: 75, 174, 103;
$green-mana-light: mix(#fff, $green-mana, 20%);
$green-mana-dark: mix(#000, $green-mana, 20%);
.element {
color: $green-mana;
box-shadow: 0 0 0 2px rgba($green-mana, 0.35);
}