이름 색상 · #C0E740
Energos
Energos은(는) #C0E740: rgb(192 231 64), hsl(74 78% 58%), oklch(0.871 0.19 122.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Energos color name →
#C0E740
oklch(0.871 0.19 122.1)
색상 변환
- HEX
- #c0e740
- RGB
- rgb(192 231 64)
- HSL
- hsl(74 78% 58%)
- HWB
- hwb(74 25% 9%)
- OKLCH
- oklch(0.871 0.19 122.1)
- OKLab
- oklab(0.871 -0.101 0.161)
- CIE Lab
- lab(86.66 -29.13 71.39)
- LCH
- lch(86.66 77.1 112.2)
- CMYK
- cmyk(17% 0% 72% 9%)
틴트 · 셰이드 · 톤
틴트
- C6EA5D
- CCED74
- D2EF89
- D8F29B
- DFF4AD
- E5F7BE
- EBF9CF
- F2FBDF
- F8FDEF
셰이드
- A7C936
- 8EAB2D
- 768F24
- 5F731B
- 495913
- 34400B
- 202805
- 0E1301
- 020300
톤
- B9DD4E
- B3D259
- ACC862
- A6BD69
- 9FB36F
- 99A974
- 929F78
- 8C947B
- 868A7E
색 조화
보색 +180°
- C0E740
Energos
- DEC9FF
≈ Foggy Heath
유사색 -30° +30°
- C0E740
Energos
- FECF00
≈ Fluorescent Orange
- 5CF794
≈ Thallium Flame
삼각 배색 +120° +240°
- C0E740
Energos
- ADDBFF
≈ Droplet
- FFC1D0
≈ Garden Glory
분열 보색 +150° +210°
- C0E740
Energos
- C6D3FF
≈ Pale Phthalo Blue
- FFBAF4
≈ Pink Quartz
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.42:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.74:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.74:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--energos: #c0e740;
--energos-rgb: 192 231 64;
--energos-oklch: oklch(0.871 0.19 122.1);
}
.element {
color: var(--energos);
background-color: hsl(74 78% 58%);
border-color: oklch(0.871 0.19 122.1);
}Tailwind CSS v4
@theme {
--color-energos: #c0e740;
--color-energos-50: #eaffc3;
--color-energos-100: #daf3ad;
--color-energos-200: #c3e286;
--color-energos-300: #a3c750;
--color-energos-400: #8cae00;
--color-energos-500: #739600;
--color-energos-600: #617f00;
--color-energos-700: #4d6600;
--color-energos-800: #3b4a00;
--color-energos-900: #283400;
--color-energos-950: #161f00;
}SCSS
$energos: #c0e740;
$energos-rgb: 192, 231, 64;
$energos-light: mix(#fff, $energos, 20%);
$energos-dark: mix(#000, $energos, 20%);
.element {
color: $energos;
box-shadow: 0 0 0 2px rgba($energos, 0.35);
}