色名 · #C4FE82
Green Incandescence
Green Incandescenceは#C4FE82：rgb(196 254 130)、hsl(88 98% 75%)、oklch(0.931 0.165 129.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Green Incandescence color name →
#C4FE82
oklch(0.931 0.165 129.8)
カラー変換
- HEX
- #c4fe82
- RGB
- rgb(196 254 130)
- HSL
- hsl(88 98% 75%)
- HWB
- hwb(88 51% 0%)
- OKLCH
- oklch(0.931 0.165 129.8)
- OKLab
- oklab(0.931 -0.106 0.127)
- CIE Lab
- lab(93.75 -33.67 52.55)
- LCH
- lch(93.75 62.41 122.6)
- CMYK
- cmyk(23% 0% 49% 0%)
ティント · シェード · トーン
ティント
- CAFE91
- D0FF9F
- D6FFAC
- DCFFB8
- E2FFC5
- E8FFD1
- EDFFDD
- F3FFE8
- F9FFF4
シェード
- AADD70
- 91BD5F
- 789E4E
- 61803E
- 4A632F
- 354720
- 212D12
- 0E1606
- 020301
トーン
- BDF184
- B6E485
- AFD786
- A9CA86
- A2BE86
- 9BB185
- 94A584
- 8D9883
- 878C82
カラーハーモニー
補色 +180°
- C4FE82
Green Incandescence
- F1E1FF
≈ Lavender Savour
類似色 -30° +30°
- C4FE82
Green Incandescence
- FFEA71
≈ Fuzzy Duckling
- A7FFCF
≈ Neo Mint
トライアド +120° +240°
- C4FE82
Green Incandescence
- D8EBFF
≈ Cloudless
- FFDFE3
≈ Sweet Mallow
スプリットコンプリメンタリー +150° +210°
- C4FE82
Green Incandescence
- E3E6FF
≈ Lavender Mist
- FFDDF2
≈ So This Is Love
テトラード +90° +180° +270°
- C4FE82
Green Incandescence
- C5F1FF
≈ Heaven’s Gate
- F1E1FF
≈ Lavender Savour
- FFE1D7
≈ Peach Cloud
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.17:1 · APCA Lc 8
Ag
AAA黒の上
WCAG 17.84:1 · APCA Lc 96
最適な文字色: #000000
WCAG 17.84:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
CSS
:root {
--green-incandescence: #c4fe82;
--green-incandescence-rgb: 196 254 130;
--green-incandescence-oklch: oklch(0.931 0.165 129.8);
}
.element {
color: var(--green-incandescence);
background-color: hsl(88 98% 75%);
border-color: oklch(0.931 0.165 129.8);
}Tailwind CSS v4
@theme {
--color-green-incandescence: #c4fe82;
--color-green-incandescence-50: #e4ffcf;
--color-green-incandescence-100: #d4f4bb;
--color-green-incandescence-200: #bae399;
--color-green-incandescence-300: #98c96d;
--color-green-incandescence-400: #7eb13b;
--color-green-incandescence-500: #619a00;
--color-green-incandescence-600: #528200;
--color-green-incandescence-700: #416800;
--color-green-incandescence-800: #324c00;
--color-green-incandescence-900: #223500;
--color-green-incandescence-950: #112000;
}SCSS
$green-incandescence: #c4fe82;
$green-incandescence-rgb: 196, 254, 130;
$green-incandescence-light: mix(#fff, $green-incandescence, 20%);
$green-incandescence-dark: mix(#000, $green-incandescence, 20%);
.element {
color: $green-incandescence;
box-shadow: 0 0 0 2px rgba($green-incandescence, 0.35);
}