Colore con nome più vicino · #617153
#617153
Colore con nome più vicino: Cactus
#617153 (rgb(97 113 83), hsl(92 15% 38%), oklch(0.527 0.049 130.8)) è più vicino al colore con nome Cactus. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#617153
oklch(0.527 0.049 130.8)
Conversioni di colore
- HEX
- #617153
- RGB
- rgb(97 113 83)
- HSL
- hsl(92 15% 38%)
- HWB
- hwb(92 33% 56%)
- OKLCH
- oklch(0.527 0.049 130.8)
- OKLab
- oklab(0.527 -0.032 0.037)
- CIE Lab
- lab(45.66 -10.67 14.64)
- LCH
- lch(45.66 18.12 126.1)
- CMYK
- cmyk(14% 0% 27% 56%)
Tinte · Ombre · Toni
Tinte
- 707E63
- 7E8C73
- 8E9A84
- 9DA794
- ADB6A5
- BDC4B7
- CDD2C8
- DDE1DA
- EEF0ED
Ombre
- 536147
- 46523B
- 394330
- 2D3525
- 21271B
- 151A11
- 0B0E08
- 030402
- 000100
Toni
- 647358
- 67745C
- 6A7661
- 6D7765
- 70796A
- 747A6E
- 777C73
- 7A7D77
- 7D7F7C
Armonie di colore
Complementare +180°
- 617153
Cactus
- 746380
≈ Montana Grape
Analogo -30° +30°
- 617153
Cactus
- 716C4B
≈ Capulet Olive
- 517461
≈ Painted Turtle
Triadico +120° +240°
- 617153
Cactus
- 566D87
≈ Electronic
- 855F64
≈ Rabbit Paws
Complementare divisa +150° +210°
- 617153
Cactus
- 656887
≈ Luscious Lavender
- 7F6074
≈ Chicha Morada
Tetradico +90° +180° +270°
- 617153
Cactus
- 4A727F
≈ Hydro
- 746380
≈ Montana Grape
- 846255
≈ Clove
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.25:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.99:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--cactus: #617153;
--cactus-rgb: 97 113 83;
--cactus-oklch: oklch(0.527 0.049 130.8);
}
.element {
color: var(--cactus);
background-color: hsl(92 15% 38%);
border-color: oklch(0.527 0.049 130.8);
}Tailwind CSS v4
@theme {
--color-cactus: #617153;
--color-cactus-50: #f0f8ea;
--color-cactus-100: #e2ecdb;
--color-cactus-200: #ccd9c4;
--color-cactus-300: #aebda4;
--color-cactus-400: #94a587;
--color-cactus-500: #7b8d6b;
--color-cactus-600: #68775b;
--color-cactus-700: #536048;
--color-cactus-800: #3d4634;
--color-cactus-900: #2a3023;
--color-cactus-950: #181d12;
}SCSS
$cactus: #617153;
$cactus-rgb: 97, 113, 83;
$cactus-light: mix(#fff, $cactus, 20%);
$cactus-dark: mix(#000, $cactus, 20%);
.element {
color: $cactus;
box-shadow: 0 0 0 2px rgba($cactus, 0.35);
}