色名 · #CCFD7F
Green Shimmer
Green Shimmerは#CCFD7F：rgb(204 253 127)、hsl(83 97% 75%)、oklch(0.934 0.163 126.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Green Shimmer color name →
#CCFD7F
oklch(0.934 0.163 126.9)
カラー変換
- HEX
- #ccfd7f
- RGB
- rgb(204 253 127)
- HSL
- hsl(83 97% 75%)
- HWB
- hwb(83 50% 1%)
- OKLCH
- oklch(0.934 0.163 126.9)
- OKLab
- oklab(0.934 -0.098 0.13)
- CIE Lab
- lab(93.94 -30.6 54.28)
- LCH
- lch(93.94 62.31 119.4)
- CMYK
- cmyk(19% 0% 50% 1%)
ティント · シェード · トーン
ティント
- D1FE8E
- D6FE9D
- DBFEAA
- E0FFB7
- E5FFC4
- EAFFD0
- F0FFDC
- F5FFE8
- FAFFF3
シェード
- B1DC6E
- 97BC5D
- 7E9D4C
- 657F3C
- 4E622D
- 37471F
- 222D11
- 0F1606
- 020301
トーン
- C4F081
- BCE383
- B5D684
- ADCA84
- A5BD85
- 9EB184
- 96A484
- 8F9883
- 878C82
カラーハーモニー
補色 +180°
- CCFD7F
Green Shimmer
- F0E3FF
≈ Minute Mauve
類似色 -30° +30°
- CCFD7F
Green Shimmer
- FFEA8C
≈ Quack Quack
- ADFFCD
≈ Neo Mint
トライアド +120° +240°
- CCFD7F
Green Shimmer
- D8ECFF
≈ Hoarfrost
- FFE0E5
≈ Pink Pleasure
スプリットコンプリメンタリー +150° +210°
- CCFD7F
Green Shimmer
- E3E8FF
≈ Cyber Lavender
- FFDEF5
≈ Silky Pink
テトラード +90° +180° +270°
- CCFD7F
Green Shimmer
- C5F2FF
≈ Heaven’s Gate
- F0E3FF
≈ Minute Mauve
- FFE2D9
≈ Peach Cloud
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.17:1 · APCA Lc 8
Ag
AAA黒の上
WCAG 17.92:1 · APCA Lc 96
最適な文字色: #000000
WCAG 17.92:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
CSS
:root {
--green-shimmer: #ccfd7f;
--green-shimmer-rgb: 204 253 127;
--green-shimmer-oklch: oklch(0.934 0.163 126.9);
}
.element {
color: var(--green-shimmer);
background-color: hsl(83 97% 75%);
border-color: oklch(0.934 0.163 126.9);
}Tailwind CSS v4
@theme {
--color-green-shimmer: #ccfd7f;
--color-green-shimmer-50: #e7ffce;
--color-green-shimmer-100: #d7f3b9;
--color-green-shimmer-200: #bfe297;
--color-green-shimmer-300: #9ec86a;
--color-green-shimmer-400: #85af36;
--color-green-shimmer-500: #699800;
--color-green-shimmer-600: #598000;
--color-green-shimmer-700: #476700;
--color-green-shimmer-800: #364b00;
--color-green-shimmer-900: #253400;
--color-green-shimmer-950: #131f00;
}SCSS
$green-shimmer: #ccfd7f;
$green-shimmer-rgb: 204, 253, 127;
$green-shimmer-light: mix(#fff, $green-shimmer, 20%);
$green-shimmer-dark: mix(#000, $green-shimmer, 20%);
.element {
color: $green-shimmer;
box-shadow: 0 0 0 2px rgba($green-shimmer, 0.35);
}