이름 색상 · #CEFF00
Volt
Volt은(는) #CEFF00: rgb(206 255 0), hsl(72 100% 50%), oklch(0.932 0.228 122.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Volt color name →
#CEFF00
oklch(0.932 0.228 122.6)
색상 변환
- HEX
- #ceff00
- RGB
- rgb(206 255 0)
- HSL
- hsl(72 100% 50%)
- HWB
- hwb(72 0% 0%)
- OKLCH
- oklch(0.932 0.228 122.6)
- OKLab
- oklab(0.932 -0.123 0.192)
- CIE Lab
- lab(94.06 -35.05 88.95)
- LCH
- lch(94.06 95.61 111.5)
- CMYK
- cmyk(19% 0% 100% 0%)
틴트 · 셰이드 · 톤
틴트
- D3FF49
- D7FF68
- DCFF81
- E1FF96
- E6FFAA
- EBFFBC
- F0FFCE
- F5FFDF
- FAFFEF
셰이드
- B3DE00
- 98BE00
- 7F9E00
- 668000
- 4E6300
- 384800
- 232E00
- 0F1600
- 020300
톤
- C6F235
- BEE54A
- B6D858
- AECB62
- A6BF6A
- 9EB271
- 96A676
- 8F997A
- 878D7E
색 조화
보색 +180°
- CEFF00
Volt
- EDE3FF
≈ Lavender Mist
유사색 -30° +30°
- CEFF00
Volt
- FFE89D
≈ First Tulip
- ADFFC4
≈ Neo Mint
삼각 배색 +120° +240°
- CEFF00
Volt
- D5ECFF
≈ Cloudless
- FFDFE6
≈ Pink Pleasure
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
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 {
--volt: #ceff00;
--volt-rgb: 206 255 0;
--volt-oklch: oklch(0.932 0.228 122.6);
}
.element {
color: var(--volt);
background-color: hsl(72 100% 50%);
border-color: oklch(0.932 0.228 122.6);
}Tailwind CSS v4
@theme {
--color-volt: #ceff00;
--color-volt-50: #e7ffb9;
--color-volt-100: #d7f6a0;
--color-volt-200: #bfe573;
--color-volt-300: #9eca2a;
--color-volt-400: #87b100;
--color-volt-500: #6d9900;
--color-volt-600: #5d8100;
--color-volt-700: #4a6800;
--color-volt-800: #394b00;
--color-volt-900: #273400;
--color-volt-950: #151f00;
}SCSS
$volt: #ceff00;
$volt-rgb: 206, 255, 0;
$volt-light: mix(#fff, $volt, 20%);
$volt-dark: mix(#000, $volt, 20%);
.element {
color: $volt;
box-shadow: 0 0 0 2px rgba($volt, 0.35);
}