이름 색상 · #C9E423
Electric Energy
Electric Energy은(는) #C9E423: rgb(201 228 35), hsl(68 78% 52%), oklch(0.869 0.196 118.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Electric Energy color name →
#C9E423
oklch(0.869 0.196 118.2)
색상 변환
- HEX
- #c9e423
- RGB
- rgb(201 228 35)
- HSL
- hsl(68 78% 52%)
- HWB
- hwb(68 14% 11%)
- OKLCH
- oklch(0.869 0.196 118.2)
- OKLab
- oklab(0.869 -0.092 0.172)
- CIE Lab
- lab(86.36 -25.08 79.04)
- LCH
- lch(86.36 82.92 107.6)
- CMYK
- cmyk(12% 0% 85% 11%)
틴트 · 셰이드 · 톤
틴트
- CEE74E
- D3EA69
- D8ED80
- DDF095
- E3F3A8
- E8F6BA
- EEF8CC
- F3FBDD
- F9FDEE
셰이드
- AEC61D
- 95A917
- 7C8D11
- 64720C
- 4C5807
- 363F04
- 222801
- 0F1200
- 020300
톤
- C1DA3D
- BAD04D
- B2C658
- ABBC62
- A3B269
- 9CA86F
- 959E75
- 8E9479
- 878A7D
색 조화
보색 +180°
- C9E423
Electric Energy
- DACAFF
≈ Foggy Heath
유사색 -30° +30°
- C9E423
Electric Energy
- FFCD40
≈ Yellow Jacket
- 67F687
≈ Thallium Flame
삼각 배색 +120° +240°
- C9E423
Electric Energy
- A7DCFF
≈ Droplet
- FFBFD3
≈ Garden Glory
분열 보색 +150° +210°
- C9E423
Electric Energy
- C2D3FF
≈ Pale Phthalo Blue
- FFB8FB
≈ Distilled Rose
사각 배색 +90° +180° +270°
- C9E423
Electric Energy
- 59EBFF
≈ Bioluminescence
- DACAFF
≈ Foggy Heath
- FFC3BA
≈ Impatiens Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.43:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.60:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.60:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--electric-energy: #c9e423;
--electric-energy-rgb: 201 228 35;
--electric-energy-oklch: oklch(0.869 0.196 118.2);
}
.element {
color: var(--electric-energy);
background-color: hsl(68 78% 52%);
border-color: oklch(0.869 0.196 118.2);
}Tailwind CSS v4
@theme {
--color-electric-energy: #c9e423;
--color-electric-energy-50: #edfebf;
--color-electric-energy-100: #dff2a8;
--color-electric-energy-200: #c9e17e;
--color-electric-energy-300: #abc543;
--color-electric-energy-400: #95ac00;
--color-electric-energy-500: #7d9400;
--color-electric-energy-600: #6a7d00;
--color-electric-energy-700: #546400;
--color-electric-energy-800: #404900;
--color-electric-energy-900: #2c3300;
--color-electric-energy-950: #191e00;
}SCSS
$electric-energy: #c9e423;
$electric-energy-rgb: 201, 228, 35;
$electric-energy-light: mix(#fff, $electric-energy, 20%);
$electric-energy-dark: mix(#000, $electric-energy, 20%);
.element {
color: $electric-energy;
box-shadow: 0 0 0 2px rgba($electric-energy, 0.35);
}