Adlandırılmış renk · #60737D
Hidden Harbour
Hidden Harbour, #60737D: rgb(96 115 125), hsl(201 13% 43%), oklch(0.544 0.027 230.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Hidden Harbour color name →
#60737D
oklch(0.544 0.027 230.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6F8089
- 7E8D96
- 8D9BA2
- 9DA9AF
- ACB7BC
- BDC5C9
- CDD3D6
- DDE2E4
- EEF0F1
Koyu tonlar
- 52636C
- 45545B
- 38454B
- 2C363B
- 20282C
- 151B1E
- 0A0F11
- 030505
- 000101
Gri tonlar
- 63747D
- 66767E
- 6A777E
- 6D787E
- 707A7F
- 737B7F
- 767C7F
- 7A7D7F
- 7D7F80
Renk uyumları
Tamamlayıcı +180°
- 60737D
Hidden Harbour
- 7D6C62
≈ Namibia
Analog -30° +30°
- 60737D
Hidden Harbour
- 5D7576
≈ Paradise City
- 677080
≈ Nouveau
Üçlü +120° +240°
- 60737D
Hidden Harbour
- 7D6972
≈ Mystical Trip
- 70715F
≈ Sage Green Light
Bölünmüş tamamlayıcı +150° +210°
- 60737D
Hidden Harbour
- 7F6A69
≈ Deep Serenity
- 786E5E
≈ Sleeping Giant
Dörtlü +90° +180° +270°
- 60737D
Hidden Harbour
- 776B7A
≈ Mamba
- 7D6C62
≈ Namibia
- 677465
≈ Heritage Park
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.94:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.24:1 · APCA Lc 27
En iyi metin rengi: #FFFFFF
WCAG 4.94:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
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);
}