Colore con nome più vicino · #715A6B
#715A6B
Colore con nome più vicino: Hibernation
#715A6B (rgb(113 90 107), hsl(316 11% 40%), oklch(0.497 0.039 335.6)) è più vicino al colore con nome Hibernation. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#715A6B
oklch(0.497 0.039 335.6)
Conversioni di colore
- HEX
- #715a6b
- RGB
- rgb(113 90 107)
- HSL
- hsl(316 11% 40%)
- HWB
- hwb(316 35% 56%)
- OKLCH
- oklch(0.497 0.039 335.6)
- OKLab
- oklab(0.497 0.036 -0.016)
- CIE Lab
- lab(41.05 12.06 -6)
- LCH
- lch(41.05 13.47 333.6)
- CMYK
- cmyk(0% 20% 5% 56%)
Tinte · Ombre · Toni
Tinte
- 7E6979
- 8C7987
- 9A8895
- A899A3
- B6A9B2
- C4BAC1
- D3CBD0
- E1DCE0
- F0EDEF
Ombre
- 614D5C
- 52414E
- 43353F
- 352932
- 271E25
- 1A1318
- 0E090D
- 040304
- 010000
Toni
- 735E6D
- 74626F
- 766571
- 776973
- 796D75
- 7A7178
- 7C747A
- 7D787C
- 7F7C7E
Armonie di colore
Complementare +180°
- 715A6B
Hibernation
- 506959
≈ Kale Green
Analogo -30° +30°
- 715A6B
Hibernation
- 685D74
≈ Violet Haze
- 76595F
≈ Falcon Wing
Triadico +120° +240°
- 715A6B
Hibernation
- 696249
≈ Deer Trail
- 486871
≈ Azalea Leaf
Complementare divisa +150° +210°
- 715A6B
Hibernation
- 5D674E
≈ Monstera
- 486A65
≈ Riverbend
Tetradico +90° +180° +270°
- 715A6B
Hibernation
- 725E4B
≈ Stampede
- 506959
≈ Kale Green
- 506578
≈ Prairie Denim
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.21:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.37:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.21:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--hibernation: #715a6b;
--hibernation-rgb: 113 90 107;
--hibernation-oklch: oklch(0.497 0.039 335.6);
}
.element {
color: var(--hibernation);
background-color: hsl(316 11% 40%);
border-color: oklch(0.497 0.039 335.6);
}Tailwind CSS v4
@theme {
--color-hibernation: #715a6b;
--color-hibernation-50: #fdf1f9;
--color-hibernation-100: #f1e3ed;
--color-hibernation-200: #e0ceda;
--color-hibernation-300: #c5b0bf;
--color-hibernation-400: #ae96a8;
--color-hibernation-500: #977d90;
--color-hibernation-600: #806a7a;
--color-hibernation-700: #675462;
--color-hibernation-800: #4b3d48;
--color-hibernation-900: #342a32;
--color-hibernation-950: #20181e;
}SCSS
$hibernation: #715a6b;
$hibernation-rgb: 113, 90, 107;
$hibernation-light: mix(#fff, $hibernation, 20%);
$hibernation-dark: mix(#000, $hibernation, 20%);
.element {
color: $hibernation;
box-shadow: 0 0 0 2px rgba($hibernation, 0.35);
}