色名 · #2FEF10
Vivid Green
Vivid Greenは#2FEF10：rgb(47 239 16)、hsl(112 87% 50%)、oklch(0.829 0.274 141.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Vivid Green color name →
#2FEF10
oklch(0.829 0.274 141.7)
カラー変換
- HEX
- #2fef10
- RGB
- rgb(47 239 16)
- HSL
- hsl(112 87% 50%)
- HWB
- hwb(112 6% 6%)
- OKLCH
- oklch(0.829 0.274 141.7)
- OKLab
- oklab(0.829 -0.215 0.17)
- CIE Lab
- lab(83.2 -72.44 76.23)
- LCH
- lch(83.2 105.16 133.5)
- CMYK
- cmyk(80% 0% 93% 6%)
ティント · シェード · トーン
ティント
- 56F246
- 71F463
- 87F67B
- 9BF890
- AEFAA4
- BFFBB7
- D0FDCA
- E0FEDC
- F0FFED
シェード
- 27D00C
- 20B109
- 199406
- 127804
- 0C5C02
- 064201
- 032A00
- 011400
- 000300
トーン
- 46E434
- 54D946
- 5FCE53
- 68C35D
- 6EB866
- 74AD6D
- 78A273
- 7B9778
- 7E8B7C
カラーハーモニー
補色 +180°
- 2FEF10
Vivid Green
- F2A6FF
≈ Rich Brilliant Lavender
類似色 -30° +30°
- 2FEF10
Vivid Green
- CBD100
≈ Sun Flooded Woods
- 00E8BA
≈ Aquamarine
トライアド +120° +240°
- 2FEF10
Vivid Green
- A9C8FF
≈ Night Snow
- FFAEAB
≈ Cornflower Lilac
スプリットコンプリメンタリー +150° +210°
- 2FEF10
Vivid Green
- C7BCFF
≈ Lavender Tonic
- FFA9CF
≈ Majin Bū Pink
テトラード +90° +180° +270°
- 2FEF10
Vivid Green
- 7CD3FF
≈ Sky
- F2A6FF
≈ Rich Brilliant Lavender
- FFB385
≈ Coral Dusk
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.55:1 · APCA Lc 25
Ag
AAA黒の上
WCAG 13.47:1 · APCA Lc 78
最適な文字色: #000000
WCAG 13.47:1 (AAA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--vivid-green: #2fef10;
--vivid-green-rgb: 47 239 16;
--vivid-green-oklch: oklch(0.829 0.274 141.7);
}
.element {
color: var(--vivid-green);
background-color: hsl(112 87% 50%);
border-color: oklch(0.829 0.274 141.7);
}Tailwind CSS v4
@theme {
--color-vivid-green: #2fef10;
--color-vivid-green-50: #c6ffc3;
--color-vivid-green-100: #afffac;
--color-vivid-green-200: #85f284;
--color-vivid-green-300: #47d94d;
--color-vivid-green-400: #00c200;
--color-vivid-green-500: #00ab00;
--color-vivid-green-600: #009100;
--color-vivid-green-700: #007400;
--color-vivid-green-800: #005500;
--color-vivid-green-900: #003c00;
--color-vivid-green-950: #002500;
}SCSS
$vivid-green: #2fef10;
$vivid-green-rgb: 47, 239, 16;
$vivid-green-light: mix(#fff, $vivid-green, 20%);
$vivid-green-dark: mix(#000, $vivid-green, 20%);
.element {
color: $vivid-green;
box-shadow: 0 0 0 2px rgba($vivid-green, 0.35);
}