色名 · #64EB65
Loud Green
Loud Greenは#64EB65：rgb(100 235 101)、hsl(120 77% 66%)、oklch(0.837 0.212 143.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Loud Green color name →
#64EB65
oklch(0.837 0.212 143.5)
カラー変換
- HEX
- #64eb65
- RGB
- rgb(100 235 101)
- HSL
- hsl(120 77% 66%)
- HWB
- hwb(120 39% 8%)
- OKLCH
- oklch(0.837 0.212 143.5)
- OKLab
- oklab(0.837 -0.17 0.126)
- CIE Lab
- lab(83.54 -57.97 52.26)
- LCH
- lch(83.54 78.05 138)
- CMYK
- cmyk(57% 0% 57% 8%)
ティント · シェード · トーン
ティント
- 78EE77
- 8AF088
- 9BF398
- ABF5A8
- BAF7B7
- C8F9C6
- D6FBD4
- E4FCE2
- F2FEF1
シェード
- 56CC57
- 48AE49
- 3B913C
- 2E752F
- 225B22
- 164117
- 0B290C
- 031303
- 000300
トーン
- 6BE06A
- 70D56F
- 75CB73
- 78C076
- 7BB579
- 7DAB7B
- 7EA07D
- 7F957E
- 808B7F
カラーハーモニー
補色 +180°
- 64EB65
Loud Green
- F7A8FF
≈ Rich Brilliant Lavender
類似色 -30° +30°
- 64EB65
Loud Green
- CAD500
≈ Lime Twist
- 00EAC0
≈ Aquamarine
トライアド +120° +240°
- 64EB65
Loud Green
- AECAFF
≈ Night Snow
- FFB3AD
≈ Peach Bud
スプリットコンプリメンタリー +150° +210°
- 64EB65
Loud Green
- CCBFFF
≈ Lavender Tonic
- FFADCF
≈ Majin Bū Pink
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.54:1 · APCA Lc 25
Ag
AAA黒の上
WCAG 13.61:1 · APCA Lc 78
最適な文字色: #000000
WCAG 13.61:1 (AAA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--loud-green: #64eb65;
--loud-green-rgb: 100 235 101;
--loud-green-oklch: oklch(0.837 0.212 143.5);
}
.element {
color: var(--loud-green);
background-color: hsl(120 77% 66%);
border-color: oklch(0.837 0.212 143.5);
}Tailwind CSS v4
@theme {
--color-loud-green: #64eb65;
--color-loud-green-50: #cfffd1;
--color-loud-green-100: #bbfbbd;
--color-loud-green-200: #97ec9c;
--color-loud-green-300: #67d371;
--color-loud-green-400: #39bc3e;
--color-loud-green-500: #00a600;
--color-loud-green-600: #008c00;
--color-loud-green-700: #007100;
--color-loud-green-800: #005300;
--color-loud-green-900: #003a00;
--color-loud-green-950: #002400;
}SCSS
$loud-green: #64eb65;
$loud-green-rgb: 100, 235, 101;
$loud-green-light: mix(#fff, $loud-green, 20%);
$loud-green-dark: mix(#000, $loud-green, 20%);
.element {
color: $loud-green;
box-shadow: 0 0 0 2px rgba($loud-green, 0.35);
}