Nazwany kolor · #406040
Cupidity
Cupidity to #406040: rgb(64 96 64), hsl(120 20% 31%), oklch(0.455 0.064 144.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Cupidity color name →
#406040
oklch(0.455 0.064 144.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 526F51
- 637E63
- 768D75
- 889D88
- 9BAC9B
- AFBDAE
- C2CDC2
- D6DDD6
- EAEEEA
Odcienie ciemniejsze
- 365236
- 2D452D
- 243824
- 1B2C1B
- 132013
- 0B150B
- 050A05
- 010301
- 000000
Tony
- 476346
- 4D664D
- 536A53
- 5A6D59
- 607060
- 677366
- 6D776D
- 737A73
- 7A7D79
Harmonie kolorów
Komplementarna +180°
- 406040
Cupidity
- 684A6A
≈ Sultana
Analogowa -30° +30°
- 406040
Cupidity
- 565B30
≈ Saratoga
- 2B6254
≈ Eden
Triada +120° +240°
- 406040
Cupidity
- 45567A
≈ Chambray
- 764845
≈ Burnt Tile
Komplementarna rozszczepiona +150° +210°
- 406040
Cupidity
- 595077
≈ Benikakehana Purple
- 734759
≈ Deep Carmine
Tetrada +90° +180° +270°
- 406040
Cupidity
- 305C75
≈ Shasta Lake
- 684A6A
≈ Sultana
- 724D33
≈ Coffee
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.08:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 2.96:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.08:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
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);
}