Cor nomeada mais próxima · #47BFC5
#47BFC5
Cor nomeada mais próxima: Sea Serpent
#47BFC5 (rgb(71 191 197), hsl(183 52% 53%), oklch(0.741 0.105 199.8)) é mais próxima da cor nomeada Sea Serpent. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#47BFC5
oklch(0.741 0.105 199.8)
Conversões de cor
- HEX
- #47bfc5
- RGB
- rgb(71 191 197)
- HSL
- hsl(183 52% 53%)
- HWB
- hwb(183 28% 23%)
- OKLCH
- oklch(0.741 0.105 199.8)
- OKLab
- oklab(0.741 -0.099 -0.036)
- CIE Lab
- lab(70.96 -33.06 -13.49)
- LCH
- lch(70.96 35.7 202.2)
- CMYK
- cmyk(64% 3% 0% 23%)
Tons claros · Sombras · Tons
Tons claros
- 60C6CB
- 75CCD1
- 89D3D6
- 9BD9DC
- ACDFE2
- BDE6E8
- CEECED
- DFF2F3
- EFF9F9
Sombras
- 3DA6AB
- 328D92
- 287579
- 1F5E61
- 16484B
- 0D3335
- 061F21
- 020D0E
- 000202
Tons
- 52B9BE
- 5BB2B7
- 63ACB0
- 69A6A9
- 6EA0A2
- 73999B
- 779394
- 7A8D8D
- 7D8687
Harmonias de cor
Complementar +180°
- 47BFC5
Sea Serpent
- E69090
≈ Fresh Pink
Análoga -30° +30°
- 47BFC5
Sea Serpent
- 5EC1A1
≈ Peppermint Fresh
- 5CB7E1
≈ Sea Frolic
Tríade +120° +240°
- 47BFC5
Sea Serpent
- C995D5
≈ Somewhere in a Fairytale
- CEA359
≈ Excitable
Complementar dividida +150° +210°
- 47BFC5
Sea Serpent
- DD8FB5
≈ Tempting Pink
- E1976E
≈ Baked Salmon
Tétrade +90° +180° +270°
- 47BFC5
Sea Serpent
- AAA0E9
≈ Dull Lavender
- E69090
≈ Fresh Pink
- AFB15F
≈ Palm
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.20:1 · APCA Lc 43
Ag
AAASobre preto
WCAG 9.52:1 · APCA Lc 59
Melhor cor de texto: #000000
WCAG 9.52:1 (AAA) · APCA Lc 59
Contrast pairs
Trechos de código
CSS
:root {
--sea-serpent: #47bfc5;
--sea-serpent-rgb: 71 191 197;
--sea-serpent-oklch: oklch(0.741 0.105 199.8);
}
.element {
color: var(--sea-serpent);
background-color: hsl(183 52% 53%);
border-color: oklch(0.741 0.105 199.8);
}Tailwind CSS v4
@theme {
--color-sea-serpent: #47bfc5;
--color-sea-serpent-50: #d3ffff;
--color-sea-serpent-100: #c0f3f7;
--color-sea-serpent-200: #9ee2e7;
--color-sea-serpent-300: #71c8ce;
--color-sea-serpent-400: #40b1b7;
--color-sea-serpent-500: #009aa1;
--color-sea-serpent-600: #008388;
--color-sea-serpent-700: #00696d;
--color-sea-serpent-800: #004d4f;
--color-sea-serpent-900: #003637;
--color-sea-serpent-950: #002122;
}SCSS
$sea-serpent: #47bfc5;
$sea-serpent-rgb: 71, 191, 197;
$sea-serpent-light: mix(#fff, $sea-serpent, 20%);
$sea-serpent-dark: mix(#000, $sea-serpent, 20%);
.element {
color: $sea-serpent;
box-shadow: 0 0 0 2px rgba($sea-serpent, 0.35);
}