이름 색상 · #406040
Cupidity
Cupidity은(는) #406040: rgb(64 96 64), hsl(120 20% 31%), oklch(0.455 0.064 144.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Cupidity color name →
#406040
oklch(0.455 0.064 144.4)
색상 변환
- HEX
- #406040
- RGB
- rgb(64 96 64)
- HSL
- hsl(120 20% 31%)
- HWB
- hwb(120 25% 62%)
- OKLCH
- oklch(0.455 0.064 144.4)
- OKLab
- oklab(0.455 -0.052 0.037)
- CIE Lab
- lab(37.55 -17.63 14.46)
- LCH
- lch(37.55 22.8 140.6)
- CMYK
- cmyk(33% 0% 33% 62%)
틴트 · 셰이드 · 톤
틴트
- 526F51
- 637E63
- 768D75
- 889D88
- 9BAC9B
- AFBDAE
- C2CDC2
- D6DDD6
- EAEEEA
셰이드
- 365236
- 2D452D
- 243824
- 1B2C1B
- 132013
- 0B150B
- 050A05
- 010301
- 000000
톤
- 476346
- 4D664D
- 536A53
- 5A6D59
- 607060
- 677366
- 6D776D
- 737A73
- 7A7D79
색 조화
보색 +180°
- 406040
Cupidity
- 684A6A
≈ Sultana
유사색 -30° +30°
- 406040
Cupidity
- 565B30
≈ Saratoga
- 2B6254
≈ Eden
삼각 배색 +120° +240°
- 406040
Cupidity
- 45567A
≈ Chambray
- 764845
≈ Burnt Tile
분열 보색 +150° +210°
- 406040
Cupidity
- 595077
≈ Benikakehana Purple
- 734759
≈ Deep Carmine
사각 배색 +90° +180° +270°
- 406040
Cupidity
- 305C75
≈ Shasta Lake
- 684A6A
≈ Sultana
- 724D33
≈ Coffee
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.08:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 2.96:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.08:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--cupidity: #406040;
--cupidity-rgb: 64 96 64;
--cupidity-oklch: oklch(0.455 0.064 144.4);
}
.element {
color: var(--cupidity);
background-color: hsl(120 20% 31%);
border-color: oklch(0.455 0.064 144.4);
}Tailwind CSS v4
@theme {
--color-cupidity: #406040;
--color-cupidity-50: #eafaeb;
--color-cupidity-100: #dbeedc;
--color-cupidity-200: #c3dcc5;
--color-cupidity-300: #a3c1a5;
--color-cupidity-400: #88a987;
--color-cupidity-500: #6c926c;
--color-cupidity-600: #5c7b5b;
--color-cupidity-700: #496349;
--color-cupidity-800: #364834;
--color-cupidity-900: #253223;
--color-cupidity-950: #131e12;
}SCSS
$cupidity: #406040;
$cupidity-rgb: 64, 96, 64;
$cupidity-light: mix(#fff, $cupidity, 20%);
$cupidity-dark: mix(#000, $cupidity, 20%);
.element {
color: $cupidity;
box-shadow: 0 0 0 2px rgba($cupidity, 0.35);
}