色名 · #7EBA4D
Ultra Green
Ultra Greenは#7EBA4D：rgb(126 186 77)、hsl(93 44% 52%)、oklch(0.724 0.155 133.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Ultra Green color name →
#7EBA4D
oklch(0.724 0.155 133.1)
カラー変換
- HEX
- #7eba4d
- RGB
- rgb(126 186 77)
- HSL
- hsl(93 44% 52%)
- HWB
- hwb(93 30% 27%)
- OKLCH
- oklch(0.724 0.155 133.1)
- OKLab
- oklab(0.724 -0.106 0.113)
- CIE Lab
- lab(69.68 -34.03 47.58)
- LCH
- lch(69.68 58.5 125.6)
- CMYK
- cmyk(32% 0% 59% 27%)
ティント · シェード · トーン
ティント
- 8BC161
- 98C874
- A4CF86
- B1D698
- BEDDA9
- CBE4BB
- D8EBCC
- E5F2DD
- F2F8EE
シェード
- 6DA142
- 5C8937
- 4C722C
- 3C5C22
- 2D4618
- 1F320F
- 111E07
- 050D02
- 010200
トーン
- 7FB455
- 7FAF5C
- 80A962
- 80A367
- 809D6C
- 809871
- 809275
- 808C79
- 80867D
カラーハーモニー
補色 +180°
- 7EBA4D
Ultra Green
- C886EA
≈ Lavender Perceptions
類似色 -30° +30°
- 7EBA4D
Ultra Green
- B8A900
≈ Brass Knuckle
- 0CC38A
≈ Píng Gǔo Lǜ Green
トライアド +120° +240°
- 7EBA4D
Ultra Green
- 5EA9FF
≈ Âbi Blue
- F6788A
≈ Flower Blossom Pink
スプリットコンプリメンタリー +150° +210°
- 7EBA4D
Ultra Green
- 9A98FF
≈ Cobalite
- E77BBF
≈ Fuchsia Blush
テトラード +90° +180° +270°
- 7EBA4D
Ultra Green
- 00B7E3
≈ Blue Atoll
- C886EA
≈ Lavender Perceptions
- F48250
≈ Rich Gardenia
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.32:1 · APCA Lc 46
Ag
AAA黒の上
WCAG 9.01:1 · APCA Lc 56
最適な文字色: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
コードスニペット
CSS
:root {
--ultra-green: #7eba4d;
--ultra-green-rgb: 126 186 77;
--ultra-green-oklch: oklch(0.724 0.155 133.1);
}
.element {
color: var(--ultra-green);
background-color: hsl(93 44% 52%);
border-color: oklch(0.724 0.155 133.1);
}Tailwind CSS v4
@theme {
--color-ultra-green: #7eba4d;
--color-ultra-green-50: #e2ffd4;
--color-ultra-green-100: #d2f4c0;
--color-ultra-green-200: #b8e4a1;
--color-ultra-green-300: #94c977;
--color-ultra-green-400: #79b14b;
--color-ultra-green-500: #5a9a10;
--color-ultra-green-600: #4d8314;
--color-ultra-green-700: #3d6911;
--color-ultra-green-800: #2e4c05;
--color-ultra-green-900: #1f3504;
--color-ultra-green-950: #0f2000;
}SCSS
$ultra-green: #7eba4d;
$ultra-green-rgb: 126, 186, 77;
$ultra-green-light: mix(#fff, $ultra-green, 20%);
$ultra-green-dark: mix(#000, $ultra-green, 20%);
.element {
color: $ultra-green;
box-shadow: 0 0 0 2px rgba($ultra-green, 0.35);
}