Cor nomeada mais próxima · #51A9A2
#51A9A2
Cor nomeada mais próxima: Paradise Island
#51A9A2 (rgb(81 169 162), hsl(175 35% 49%), oklch(0.679 0.085 188.4)) é mais próxima da cor nomeada Paradise Island. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#51A9A2
oklch(0.679 0.085 188.4)
Conversões de cor
- HEX
- #51a9a2
- RGB
- rgb(81 169 162)
- HSL
- hsl(175 35% 49%)
- HWB
- hwb(175 32% 34%)
- OKLCH
- oklch(0.679 0.085 188.4)
- OKLab
- oklab(0.679 -0.084 -0.013)
- CIE Lab
- lab(63.72 -28.96 -4.92)
- LCH
- lch(63.72 29.37 189.6)
- CMYK
- cmyk(52% 0% 4% 34%)
Tons claros · Sombras · Tons
Tons claros
- 65B2AB
- 78BAB4
- 89C3BD
- 9BCBC6
- ACD4D0
- BCDCD9
- CDE5E2
- DEEEEC
- EEF6F5
Sombras
- 45928C
- 3A7C77
- 2F6763
- 24534F
- 1A3F3C
- 102C2A
- 071B19
- 020A0A
- 000101
Tons
- 58A59F
- 5FA19B
- 659D98
- 6A9994
- 6E9591
- 73918D
- 768C8A
- 7A8887
- 7D8483
Harmonias de cor
Complementar +180°
- 51A9A2
Paradise Island
- C6828D
≈ Fake Crush
Análoga -30° +30°
- 51A9A2
Paradise Island
- 68A884
≈ Verdigris Green
- 54A5BB
≈ Pottery Blue
Tríade +120° +240°
- 51A9A2
Paradise Island
- A78AC1
≈ Classic Bouquet
- BB8E5D
≈ Corner Café
Complementar dividida +150° +210°
- 51A9A2
Paradise Island
- BB83AA
≈ Opera Mauve
- C68671
≈ Secluded Canyon
Tétrade +90° +180° +270°
- 51A9A2
Paradise Island
- 8C93CC
≈ Fast Velvet
- C6828D
≈ Fake Crush
- A59959
≈ Iyanden Darksun
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.78:1 · APCA Lc 53
Ag
AAASobre preto
WCAG 7.54:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--paradise-island: #51a9a2;
--paradise-island-rgb: 81 169 162;
--paradise-island-oklch: oklch(0.679 0.085 188.4);
}
.element {
color: var(--paradise-island);
background-color: hsl(175 35% 49%);
border-color: oklch(0.679 0.085 188.4);
}Tailwind CSS v4
@theme {
--color-paradise-island: #51a9a2;
--color-paradise-island-50: #dbfefb;
--color-paradise-island-100: #c8f2ee;
--color-paradise-island-200: #abe1dc;
--color-paradise-island-300: #83c6c1;
--color-paradise-island-400: #5dafa8;
--color-paradise-island-500: #2f9891;
--color-paradise-island-600: #2b817b;
--color-paradise-island-700: #226762;
--color-paradise-island-800: #174c47;
--color-paradise-island-900: #0f3531;
--color-paradise-island-950: #02201d;
}SCSS
$paradise-island: #51a9a2;
$paradise-island-rgb: 81, 169, 162;
$paradise-island-light: mix(#fff, $paradise-island, 20%);
$paradise-island-dark: mix(#000, $paradise-island, 20%);
.element {
color: $paradise-island;
box-shadow: 0 0 0 2px rgba($paradise-island, 0.35);
}