Cor nomeada · #005986
Sea Cave
Sea Cave é #005986: rgb(0 89 134), hsl(200 100% 26%), oklch(0.443 0.103 240.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Sea Cave color name →
#005986
oklch(0.443 0.103 240.6)
Conversões de cor
- HEX
- #005986
- RGB
- rgb(0 89 134)
- HSL
- hsl(200 100% 26%)
- HWB
- hwb(200 0% 47%)
- OKLCH
- oklch(0.443 0.103 240.6)
- OKLab
- oklab(0.443 -0.05 -0.089)
- CIE Lab
- lab(35.22 -9.64 -32.08)
- LCH
- lch(35.22 33.5 253.3)
- CMYK
- cmyk(100% 34% 0% 47%)
Tons claros · Sombras · Tons
Tons claros
- 296992
- 43799E
- 5B89AA
- 7299B6
- 89AAC3
- A0BBCF
- B7CBDB
- CFDCE7
- E7EEF3
Sombras
- 004C74
- 004062
- 003451
- 002840
- 001D30
- 001321
- 000913
- 000306
- 000001
Tons
- 1B5D86
- 2B6286
- 386685
- 436A85
- 4E6E84
- 597184
- 637583
- 6D7982
- 767C81
Harmonias de cor
Complementar +180°
- 005986
Sea Cave
- 7B4302
≈ Dusky Brown
Análoga -30° +30°
- 005986
Sea Cave
- 005E6B
≈ Fish Tale
- 3E4E8C
≈ Jazzy Blue
Tríade +120° +240°
- 005986
Sea Cave
- 7F3850
≈ Velvet Rose
- 4C5B07
≈ Kyuri Green
Complementar dividida +150° +210°
- 005986
Sea Cave
- 833A2F
≈ Grill Master
- 665000
≈ Olive Brown
Tétrade +90° +180° +270°
- 005986
Sea Cave
- 733C6E
≈ Burnt Orchid
- 7B4302
≈ Dusky Brown
- 1D6334
≈ Bucolic
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.57:1 · APCA Lc 86
Ag
FailSobre preto
WCAG 2.77:1 · APCA Lc 16
Melhor cor de texto: #FFFFFF
WCAG 7.57:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--sea-cave: #005986;
--sea-cave-rgb: 0 89 134;
--sea-cave-oklch: oklch(0.443 0.103 240.6);
}
.element {
color: var(--sea-cave);
background-color: hsl(200 100% 26%);
border-color: oklch(0.443 0.103 240.6);
}Tailwind CSS v4
@theme {
--color-sea-cave: #005986;
--color-sea-cave-50: #ddf9ff;
--color-sea-cave-100: #cbedff;
--color-sea-cave-200: #afdafd;
--color-sea-cave-300: #89bee8;
--color-sea-cave-400: #63a6d5;
--color-sea-cave-500: #3c8ec3;
--color-sea-cave-600: #3478a5;
--color-sea-cave-700: #2a6084;
--color-sea-cave-800: #1a4762;
--color-sea-cave-900: #113145;
--color-sea-cave-950: #041d2c;
}SCSS
$sea-cave: #005986;
$sea-cave-rgb: 0, 89, 134;
$sea-cave-light: mix(#fff, $sea-cave, 20%);
$sea-cave-dark: mix(#000, $sea-cave, 20%);
.element {
color: $sea-cave;
box-shadow: 0 0 0 2px rgba($sea-cave, 0.35);
}