Colore con nome più vicino · #295247
#295247
Colore con nome più vicino: Hunter
#295247 (rgb(41 82 71), hsl(164 33% 24%), oklch(0.405 0.05 174.2)) è più vicino al colore con nome Hunter. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#295247
oklch(0.405 0.05 174.2)
Conversioni di colore
- HEX
- #295247
- RGB
- rgb(41 82 71)
- HSL
- hsl(164 33% 24%)
- HWB
- hwb(164 16% 68%)
- OKLCH
- oklch(0.405 0.05 174.2)
- OKLab
- oklab(0.405 -0.05 0.005)
- CIE Lab
- lab(31.63 -17.41 1.78)
- LCH
- lch(31.63 17.5 174.2)
- CMYK
- cmyk(50% 0% 13% 68%)
Tinte · Ombre · Toni
Tinte
- 3E6257
- 527268
- 66827A
- 7B938C
- 90A59E
- A5B6B1
- BBC8C4
- D1DAD7
- E8ECEB
Ombre
- 22463D
- 1C3B32
- 152F28
- 0F251F
- 091A16
- 05110D
- 020806
- 010202
- 000000
Toni
- 33574C
- 3C5B52
- 446057
- 4D645D
- 566963
- 5E6D69
- 67726E
- 6F7774
- 777B7A
Armonie di colore
Complementare +180°
- 295247
Hunter
- 5F3E4B
≈ Siliceous Red
Analogo -30° +30°
- 295247
Hunter
- 385038
≈ Angry Gremlin
- 235156
≈ Pāua Shell
Triadico +120° +240°
- 295247
Hunter
- 4A4462
≈ Royal Indigo
- 5F422F
≈ Irish Coffee
Complementare divisa +150° +210°
- 295247
Hunter
- 574058
≈ Bella
- 623E3C
≈ Night Bloom
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.77:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.39:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.77:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--hunter: #295247;
--hunter-rgb: 41 82 71;
--hunter-oklch: oklch(0.405 0.05 174.2);
}
.element {
color: var(--hunter);
background-color: hsl(164 33% 24%);
border-color: oklch(0.405 0.05 174.2);
}Tailwind CSS v4
@theme {
--color-hunter: #295247;
--color-hunter-50: #e7faf5;
--color-hunter-100: #d7eee7;
--color-hunter-200: #bfdcd3;
--color-hunter-300: #9dc0b6;
--color-hunter-400: #80a99c;
--color-hunter-500: #629184;
--color-hunter-600: #547b6f;
--color-hunter-700: #436259;
--color-hunter-800: #304840;
--color-hunter-900: #21322c;
--color-hunter-950: #101e19;
}SCSS
$hunter: #295247;
$hunter-rgb: 41, 82, 71;
$hunter-light: mix(#fff, $hunter, 20%);
$hunter-dark: mix(#000, $hunter, 20%);
.element {
color: $hunter;
box-shadow: 0 0 0 2px rgba($hunter, 0.35);
}