Cor nomeada mais próxima · #77A6A4
#77A6A4
Cor nomeada mais próxima: Harbour Mist
#77A6A4 (rgb(119 166 164), hsl(177 21% 56%), oklch(0.691 0.05 192.7)) é mais próxima da cor nomeada Harbour Mist. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#77A6A4
oklch(0.691 0.05 192.7)
Conversões de cor
- HEX
- #77a6a4
- RGB
- rgb(119 166 164)
- HSL
- hsl(177 21% 56%)
- HWB
- hwb(177 47% 35%)
- OKLCH
- oklch(0.691 0.05 192.7)
- OKLab
- oklab(0.691 -0.049 -0.011)
- CIE Lab
- lab(64.72 -16.65 -4.32)
- LCH
- lch(64.72 17.21 194.5)
- CMYK
- cmyk(28% 0% 1% 35%)
Tons claros · Sombras · Tons
Tons claros
- 85AFAD
- 92B7B6
- 9FC0BF
- ADC9C8
- BAD2D1
- C8DBDA
- D6E4E3
- E3EDEC
- F1F6F6
Sombras
- 67908E
- 577A79
- 476564
- 385150
- 2A3E3D
- 1C2B2B
- 101A1A
- 050A0A
- 010101
Tons
- 78A2A0
- 7A9E9D
- 7B9B99
- 7C9795
- 7D9392
- 7E8F8E
- 7E8B8B
- 7F8887
- 808484
Harmonias de cor
Complementar +180°
- 77A6A4
Harbour Mist
- B98F93
≈ Rose Brown
Análoga -30° +30°
- 77A6A4
Harbour Mist
- 80A693
≈ Verdigreen
- 7AA3B3
≈ Inner Sanctum
Tríade +120° +240°
- 77A6A4
Harbour Mist
- A793B2
≈ Gleeful Joy
- AF977A
≈ Artisan Tan
Complementar dividida +150° +210°
- 77A6A4
Harbour Mist
- B390A4
≈ Palisade Orchid
- B89283
≈ Rosetta
Tétrade +90° +180° +270°
- 77A6A4
Harbour Mist
- 9798BB
≈ Thistle Down
- B98F93
≈ Rose Brown
- A19D79
≈ Bonsai Garden
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.70:1 · APCA Lc 52
Ag
AAASobre preto
WCAG 7.77:1 · APCA Lc 50
Melhor cor de texto: #000000
WCAG 7.77:1 (AAA) · APCA Lc 50
Contrast pairs
Trechos de código
CSS
:root {
--harbour-mist: #77a6a4;
--harbour-mist-rgb: 119 166 164;
--harbour-mist-oklch: oklch(0.691 0.05 192.7);
}
.element {
color: var(--harbour-mist);
background-color: hsl(177 21% 56%);
border-color: oklch(0.691 0.05 192.7);
}Tailwind CSS v4
@theme {
--color-harbour-mist: #77a6a4;
--color-harbour-mist-50: #e6faf9;
--color-harbour-mist-100: #d6eeed;
--color-harbour-mist-200: #bddbdb;
--color-harbour-mist-300: #9ac0bf;
--color-harbour-mist-400: #7ca8a6;
--color-harbour-mist-500: #5d918f;
--color-harbour-mist-600: #507b79;
--color-harbour-mist-700: #3f6261;
--color-harbour-mist-800: #2d4846;
--color-harbour-mist-900: #1f3231;
--color-harbour-mist-950: #0e1e1d;
}SCSS
$harbour-mist: #77a6a4;
$harbour-mist-rgb: 119, 166, 164;
$harbour-mist-light: mix(#fff, $harbour-mist, 20%);
$harbour-mist-dark: mix(#000, $harbour-mist, 20%);
.element {
color: $harbour-mist;
box-shadow: 0 0 0 2px rgba($harbour-mist, 0.35);
}