이름 색상 · #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);
}