Cor nomeada mais próxima · #004F56
#004F56
Cor nomeada mais próxima: Abyssal Waters
#004F56 (rgb(0 79 86), hsl(185 100% 17%), oklch(0.39 0.067 205.1)) é mais próxima da cor nomeada Abyssal Waters. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#004F56
oklch(0.39 0.067 205.1)
Conversões de cor
- HEX
- #004f56
- RGB
- rgb(0 79 86)
- HSL
- hsl(185 100% 17%)
- HWB
- hwb(185 0% 66%)
- OKLCH
- oklch(0.39 0.067 205.1)
- OKLab
- oklab(0.39 -0.06 -0.028)
- CIE Lab
- lab(29.84 -19.67 -10.51)
- LCH
- lch(29.84 22.31 208.1)
- CMYK
- cmyk(100% 8% 0% 66%)
Tons claros · Sombras · Tons
Tons claros
- 265F65
- 3F7075
- 578185
- 6E9296
- 86A3A7
- 9DB5B8
- B5C7C9
- CDDADB
- E6ECED
Sombras
- 00444A
- 00383E
- 002E32
- 002327
- 00191C
- 001012
- 000708
- 000202
- 000000
Tons
- 19545A
- 28595E
- 355E62
- 406367
- 4C686B
- 566C6F
- 617173
- 6B7678
- 767B7C
Harmonias de cor
Complementar +180°
- 004F56
Abyssal Waters
- 643633
≈ War God
Análoga -30° +30°
- 004F56
Abyssal Waters
- 105143
≈ Tetsu Green
- 1A4A64
≈ Swallow Blue
Tríade +120° +240°
- 004F56
Abyssal Waters
- 573859
≈ Purple Wineberry
- 554215
≈ Smoked Oak Brown
Complementar dividida +150° +210°
- 004F56
Abyssal Waters
- 613547
≈ Art Deco Red
- 603B20
≈ Cassiterite Brown
Tétrade +90° +180° +270°
- 004F56
Abyssal Waters
- 483D65
≈ Mulberry Purple
- 643633
≈ War God
- 44491C
≈ Bronze Tone
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.32:1 · APCA Lc 91
Ag
FailSobre preto
WCAG 2.25:1 · APCA Lc 11
Melhor cor de texto: #FFFFFF
WCAG 9.32:1 (AAA) · APCA Lc 91
Contrast pairs
Trechos de código
CSS
:root {
--abyssal-waters: #004f56;
--abyssal-waters-rgb: 0 79 86;
--abyssal-waters-oklch: oklch(0.39 0.067 205.1);
}
.element {
color: var(--abyssal-waters);
background-color: hsl(185 100% 17%);
border-color: oklch(0.39 0.067 205.1);
}Tailwind CSS v4
@theme {
--color-abyssal-waters: #004f56;
--color-abyssal-waters-50: #e0fbff;
--color-abyssal-waters-100: #cfeff3;
--color-abyssal-waters-200: #b4dde3;
--color-abyssal-waters-300: #90c2c9;
--color-abyssal-waters-400: #6eaab1;
--color-abyssal-waters-500: #4b939b;
--color-abyssal-waters-600: #407c83;
--color-abyssal-waters-700: #336469;
--color-abyssal-waters-800: #24494d;
--color-abyssal-waters-900: #183335;
--color-abyssal-waters-950: #081e20;
}SCSS
$abyssal-waters: #004f56;
$abyssal-waters-rgb: 0, 79, 86;
$abyssal-waters-light: mix(#fff, $abyssal-waters, 20%);
$abyssal-waters-dark: mix(#000, $abyssal-waters, 20%);
.element {
color: $abyssal-waters;
box-shadow: 0 0 0 2px rgba($abyssal-waters, 0.35);
}