이름 색상 · #C8FF00
Liquid Neon
Liquid Neon은(는) #C8FF00: rgb(200 255 0), hsl(73 100% 50%), oklch(0.928 0.23 124). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Liquid Neon color name →
#C8FF00
oklch(0.928 0.23 124)
색상 변환
- HEX
- #c8ff00
- RGB
- rgb(200 255 0)
- HSL
- hsl(73 100% 50%)
- HWB
- hwb(73 0% 0%)
- OKLCH
- oklch(0.928 0.23 124)
- OKLab
- oklab(0.928 -0.129 0.191)
- CIE Lab
- lab(93.68 -37.32 88.47)
- LCH
- lch(93.68 96.02 112.9)
- CMYK
- cmyk(22% 0% 100% 0%)
틴트 · 셰이드 · 톤
틴트
- CDFF49
- D3FF68
- D8FF81
- DDFF96
- E3FFAA
- E8FFBC
- EEFFCE
- F4FFDE
- F9FFEF
셰이드
- AEDE00
- 94BE00
- 7B9E00
- 638000
- 4C6300
- 364800
- 212E00
- 0F1600
- 020300
톤
- C0F235
- B9E54A
- B2D858
- AACC62
- A3BF6A
- 9CB271
- 95A676
- 8E997A
- 878D7D
색 조화
보색 +180°
- C8FF00
Liquid Neon
- EDE1FF
≈ Lavender Savour
유사색 -30° +30°
- C8FF00
Liquid Neon
- FFE791
≈ Swallowtail
- A6FFC3
≈ Light Sea-Foam
삼각 배색 +120° +240°
- C8FF00
Liquid Neon
- D3EBFF
≈ Veiling Waterfalls
- FFDDE4
≈ Fresh Piglet
분열 보색 +150° +210°
- C8FF00
Liquid Neon
- E0E6FF
≈ Lavender Mist
- FFDAF7
≈ Strawberry Frost
사각 배색 +90° +180° +270°
- C8FF00
Liquid Neon
- BCF2FF
≈ Northrend
- EDE1FF
≈ Lavender Savour
- FFDFD7
≈ Red Shimmer
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.18:1 · APCA Lc 9
Ag
AAA검은색 위
WCAG 17.75:1 · APCA Lc 96
가장 좋은 글자색: #000000
WCAG 17.75:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--liquid-neon: #c8ff00;
--liquid-neon-rgb: 200 255 0;
--liquid-neon-oklch: oklch(0.928 0.23 124);
}
.element {
color: var(--liquid-neon);
background-color: hsl(73 100% 50%);
border-color: oklch(0.928 0.23 124);
}Tailwind CSS v4
@theme {
--color-liquid-neon: #c8ff00;
--color-liquid-neon-50: #e5ffb9;
--color-liquid-neon-100: #d5f6a1;
--color-liquid-neon-200: #bce673;
--color-liquid-neon-300: #9acb2c;
--color-liquid-neon-400: #83b200;
--color-liquid-neon-500: #689a00;
--color-liquid-neon-600: #588200;
--color-liquid-neon-700: #466900;
--color-liquid-neon-800: #364c00;
--color-liquid-neon-900: #253500;
--color-liquid-neon-950: #142000;
}SCSS
$liquid-neon: #c8ff00;
$liquid-neon-rgb: 200, 255, 0;
$liquid-neon-light: mix(#fff, $liquid-neon, 20%);
$liquid-neon-dark: mix(#000, $liquid-neon, 20%);
.element {
color: $liquid-neon;
box-shadow: 0 0 0 2px rgba($liquid-neon, 0.35);
}