Colore con nome · #60737D
Hidden Harbour
Hidden Harbour è #60737D: rgb(96 115 125), hsl(201 13% 43%), oklch(0.544 0.027 230.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Hidden Harbour color name →
#60737D
oklch(0.544 0.027 230.9)
Conversioni di colore
- HEX
- #60737d
- RGB
- rgb(96 115 125)
- HSL
- hsl(201 13% 43%)
- HWB
- hwb(201 38% 51%)
- OKLCH
- oklch(0.544 0.027 230.9)
- OKLab
- oklab(0.544 -0.017 -0.021)
- CIE Lab
- lab(47.15 -5.49 -8.01)
- LCH
- lch(47.15 9.71 235.6)
- CMYK
- cmyk(23% 8% 0% 51%)
Tinte · Ombre · Toni
Tinte
- 6F8089
- 7E8D96
- 8D9BA2
- 9DA9AF
- ACB7BC
- BDC5C9
- CDD3D6
- DDE2E4
- EEF0F1
Ombre
- 52636C
- 45545B
- 38454B
- 2C363B
- 20282C
- 151B1E
- 0A0F11
- 030505
- 000101
Toni
- 63747D
- 66767E
- 6A777E
- 6D787E
- 707A7F
- 737B7F
- 767C7F
- 7A7D7F
- 7D7F80
Armonie di colore
Complementare +180°
- 60737D
Hidden Harbour
- 7D6C62
≈ Namibia
Analogo -30° +30°
- 60737D
Hidden Harbour
- 5D7576
≈ Paradise City
- 677080
≈ Nouveau
Triadico +120° +240°
- 60737D
Hidden Harbour
- 7D6972
≈ Mystical Trip
- 70715F
≈ Sage Green Light
Complementare divisa +150° +210°
- 60737D
Hidden Harbour
- 7F6A69
≈ Deep Serenity
- 786E5E
≈ Sleeping Giant
Tetradico +90° +180° +270°
- 60737D
Hidden Harbour
- 776B7A
≈ Mamba
- 7D6C62
≈ Namibia
- 677465
≈ Heritage Park
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.94:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.24:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 4.94:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--hidden-harbour: #60737d;
--hidden-harbour-rgb: 96 115 125;
--hidden-harbour-oklch: oklch(0.544 0.027 230.9);
}
.element {
color: var(--hidden-harbour);
background-color: hsl(201 13% 43%);
border-color: oklch(0.544 0.027 230.9);
}Tailwind CSS v4
@theme {
--color-hidden-harbour: #60737d;
--color-hidden-harbour-50: #eef7fc;
--color-hidden-harbour-100: #dfeaf0;
--color-hidden-harbour-200: #c9d7de;
--color-hidden-harbour-300: #aabac3;
--color-hidden-harbour-400: #8fa2ac;
--color-hidden-harbour-500: #748a95;
--color-hidden-harbour-600: #63757e;
--color-hidden-harbour-700: #4f5d65;
--color-hidden-harbour-800: #39444a;
--color-hidden-harbour-900: #272f33;
--color-hidden-harbour-950: #151c1f;
}SCSS
$hidden-harbour: #60737d;
$hidden-harbour-rgb: 96, 115, 125;
$hidden-harbour-light: mix(#fff, $hidden-harbour, 20%);
$hidden-harbour-dark: mix(#000, $hidden-harbour, 20%);
.element {
color: $hidden-harbour;
box-shadow: 0 0 0 2px rgba($hidden-harbour, 0.35);
}