色名 · #76FDA8
Lunatic Sky Dancer
Lunatic Sky Dancerは#76FDA8：rgb(118 253 168)、hsl(142 97% 73%)、oklch(0.897 0.168 153.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Lunatic Sky Dancer color name →
#76FDA8
oklch(0.897 0.168 153.6)
カラー変換
- HEX
- #76fda8
- RGB
- rgb(118 253 168)
- HSL
- hsl(142 97% 73%)
- HWB
- hwb(142 46% 1%)
- OKLCH
- oklch(0.897 0.168 153.6)
- OKLab
- oklab(0.897 -0.151 0.075)
- CIE Lab
- lab(90.24 -52.7 29.06)
- LCH
- lch(90.24 60.18 151.1)
- CMYK
- cmyk(53% 0% 34% 1%)
ティント · シェード · トーン
ティント
- 88FEB1
- 98FEBA
- A7FFC3
- B5FFCC
- C3FFD4
- D0FFDD
- DCFFE5
- E8FFEE
- F4FFF7
シェード
- 66DC92
- 56BC7C
- 479D67
- 387F52
- 29623F
- 1C472C
- 0F2D1A
- 05160A
- 010301
トーン
- 7AF0A4
- 7EE3A1
- 80D79D
- 82CA99
- 83BD95
- 84B191
- 84A58D
- 839889
- 828C84
カラーハーモニー
補色 +180°
- 76FDA8
Lunatic Sky Dancer
- FFCAF4
≈ Kissed by Mist
類似色 -30° +30°
- 76FDA8
Lunatic Sky Dancer
- C7EF68
≈ Green Cow
- 00FFE8
≈ Vibrant Mint
トライアド +120° +240°
- 76FDA8
Lunatic Sky Dancer
- D2DBFF
≈ Icy Plains
- FFD1C6
≈ Snow Pa
スプリットコンプリメンタリー +150° +210°
- 76FDA8
Lunatic Sky Dancer
- E5D4FF
≈ Mousse aux Pruneaux
- FFCED9
≈ Bologna Sausage
テトラード +90° +180° +270°
- 76FDA8
Lunatic Sky Dancer
- BFE2FF
≈ Dithered Sky
- FFCAF4
≈ Kissed by Mist
- FFD4AD
≈ Vanilla Française
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黒の上
WCAG 16.38:1 · APCA Lc 90
最適な文字色: #000000
WCAG 16.38:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--lunatic-sky-dancer: #76fda8;
--lunatic-sky-dancer-rgb: 118 253 168;
--lunatic-sky-dancer-oklch: oklch(0.897 0.168 153.6);
}
.element {
color: var(--lunatic-sky-dancer);
background-color: hsl(142 97% 73%);
border-color: oklch(0.897 0.168 153.6);
}Tailwind CSS v4
@theme {
--color-lunatic-sky-dancer: #76fda8;
--color-lunatic-sky-dancer-50: #cfffe1;
--color-lunatic-sky-dancer-100: #bbf9d0;
--color-lunatic-sky-dancer-200: #97eab6;
--color-lunatic-sky-dancer-300: #66d192;
--color-lunatic-sky-dancer-400: #33ba6e;
--color-lunatic-sky-dancer-500: #00a44d;
--color-lunatic-sky-dancer-600: #008b42;
--color-lunatic-sky-dancer-700: #006f34;
--color-lunatic-sky-dancer-800: #005222;
--color-lunatic-sky-dancer-900: #003916;
--color-lunatic-sky-dancer-950: #002307;
}SCSS
$lunatic-sky-dancer: #76fda8;
$lunatic-sky-dancer-rgb: 118, 253, 168;
$lunatic-sky-dancer-light: mix(#fff, $lunatic-sky-dancer, 20%);
$lunatic-sky-dancer-dark: mix(#000, $lunatic-sky-dancer, 20%);
.element {
color: $lunatic-sky-dancer;
box-shadow: 0 0 0 2px rgba($lunatic-sky-dancer, 0.35);
}