Cor nomeada · #104C77
Seashell Cove
Seashell Cove é #104C77: rgb(16 76 119), hsl(205 76% 26%), oklch(0.403 0.093 245.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Seashell Cove color name →
#104C77
oklch(0.403 0.093 245.5)
Conversões de cor
- HEX
- #104c77
- RGB
- rgb(16 76 119)
- HSL
- hsl(205 76% 26%)
- HWB
- hwb(205 6% 53%)
- OKLCH
- oklch(0.403 0.093 245.5)
- OKLab
- oklab(0.403 -0.039 -0.085)
- CIE Lab
- lab(30.44 -5.96 -30.35)
- LCH
- lch(30.44 30.93 258.9)
- CMYK
- cmyk(87% 36% 0% 53%)
Tons claros · Sombras · Tons
Tons claros
- 2C5D84
- 436E92
- 5A7F9F
- 7191AD
- 87A2BB
- 9FB4C8
- B6C7D6
- CED9E3
- E6ECF1
Sombras
- 0C4167
- 093657
- 062C47
- 042238
- 02182A
- 010F1C
- 000610
- 000205
- 000001
Tons
- 205278
- 2D577A
- 385C7B
- 43617C
- 4E677D
- 586C7E
- 62717E
- 6C767F
- 767B80
Harmonias de cor
Complementar +180°
- 104C77
Seashell Cove
- 693D00
≈ Bestial Brown
Análoga -30° +30°
- 104C77
Seashell Cove
- 005261
≈ Sandalwood Grey Blue
- 3B437A
≈ Little Blue Heron
Tríade +120° +240°
- 104C77
Seashell Cove
- 713041
≈ Cabernet Craving
- 3C510E
≈ Navy Green
Complementar dividida +150° +210°
- 104C77
Seashell Cove
- 723323
≈ Pueblo
- 564700
≈ Sugarloaf Brown
Tétrade +90° +180° +270°
- 104C77
Seashell Cove
- 66335C
≈ Opulent Purple
- 693D00
≈ Bestial Brown
- 0C5732
≈ Moor-Monster
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.04:1 · APCA Lc 90
Ag
FailSobre preto
WCAG 2.32:1 · APCA Lc 12
Melhor cor de texto: #FFFFFF
WCAG 9.04:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--seashell-cove: #104c77;
--seashell-cove-rgb: 16 76 119;
--seashell-cove-oklch: oklch(0.403 0.093 245.5);
}
.element {
color: var(--seashell-cove);
background-color: hsl(205 76% 26%);
border-color: oklch(0.403 0.093 245.5);
}Tailwind CSS v4
@theme {
--color-seashell-cove: #104c77;
--color-seashell-cove-50: #e1f8ff;
--color-seashell-cove-100: #d0ecff;
--color-seashell-cove-200: #b5d9fb;
--color-seashell-cove-300: #91bce5;
--color-seashell-cove-400: #6fa4d2;
--color-seashell-cove-500: #4d8cc0;
--color-seashell-cove-600: #4276a2;
--color-seashell-cove-700: #355f82;
--color-seashell-cove-800: #234660;
--color-seashell-cove-900: #183043;
--color-seashell-cove-950: #081c2b;
}SCSS
$seashell-cove: #104c77;
$seashell-cove-rgb: 16, 76, 119;
$seashell-cove-light: mix(#fff, $seashell-cove, 20%);
$seashell-cove-dark: mix(#000, $seashell-cove, 20%);
.element {
color: $seashell-cove;
box-shadow: 0 0 0 2px rgba($seashell-cove, 0.35);
}