Cor nomeada mais próxima · #004C6F
#004C6F
Cor nomeada mais próxima: Sea Paint
#004C6F (rgb(0 76 111), hsl(199 100% 22%), oklch(0.395 0.087 237.5)) é mais próxima da cor nomeada Sea Paint. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#004C6F
oklch(0.395 0.087 237.5)
Conversões de cor
- HEX
- #004c6f
- RGB
- rgb(0 76 111)
- HSL
- hsl(199 100% 22%)
- HWB
- hwb(199 0% 56%)
- OKLCH
- oklch(0.395 0.087 237.5)
- OKLab
- oklab(0.395 -0.047 -0.073)
- CIE Lab
- lab(29.77 -10.14 -26.41)
- LCH
- lch(29.77 28.29 249)
- CMYK
- cmyk(100% 32% 0% 56%)
Tons claros · Sombras · Tons
Tons claros
- 255D7D
- 3F6E8B
- 567F99
- 6D90A7
- 85A2B6
- 9DB4C4
- B5C7D3
- CDD9E1
- E6ECF0
Sombras
- 004160
- 003651
- 002C42
- 002234
- 001827
- 000F1A
- 00060E
- 000204
- 000001
Tons
- 185171
- 275773
- 345C75
- 406177
- 4B6779
- 566C7A
- 60717C
- 6B767D
- 767B7F
Harmonias de cor
Complementar +180°
- 004C6F
Sea Paint
- 68380C
≈ Nutmeg Wood Finish
Análoga -30° +30°
- 004C6F
Sea Paint
- 005059
≈ Kali Blue
- 324375
≈ Space Missions
Tríade +120° +240°
- 004C6F
Sea Paint
- 6A3047
≈ Old Mauve
- 434C07
≈ No Emissions Green
Complementar dividida +150° +210°
- 004C6F
Sea Paint
- 6E322B
≈ Cypress Bark Red
- 594300
≈ Sugarloaf Brown
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.27:1 · APCA Lc 91
Ag
FailSobre preto
WCAG 2.26:1 · APCA Lc 11
Melhor cor de texto: #FFFFFF
WCAG 9.27:1 (AAA) · APCA Lc 91
Contrast pairs
Trechos de código
CSS
:root {
--sea-paint: #004c6f;
--sea-paint-rgb: 0 76 111;
--sea-paint-oklch: oklch(0.395 0.087 237.5);
}
.element {
color: var(--sea-paint);
background-color: hsl(199 100% 22%);
border-color: oklch(0.395 0.087 237.5);
}Tailwind CSS v4
@theme {
--color-sea-paint: #004c6f;
--color-sea-paint-50: #e0f9ff;
--color-sea-paint-100: #cfedff;
--color-sea-paint-200: #b3daf6;
--color-sea-paint-300: #8fbee0;
--color-sea-paint-400: #6ba6cc;
--color-sea-paint-500: #488eb9;
--color-sea-paint-600: #3e789c;
--color-sea-paint-700: #31607d;
--color-sea-paint-800: #21475c;
--color-sea-paint-900: #163141;
--color-sea-paint-950: #071d29;
}SCSS
$sea-paint: #004c6f;
$sea-paint-rgb: 0, 76, 111;
$sea-paint-light: mix(#fff, $sea-paint, 20%);
$sea-paint-dark: mix(#000, $sea-paint, 20%);
.element {
color: $sea-paint;
box-shadow: 0 0 0 2px rgba($sea-paint, 0.35);
}