Cor nomeada mais próxima · #2A96A7
#2A96A7
Cor nomeada mais próxima: Oasis
#2A96A7 (rgb(42 150 167), hsl(188 60% 41%), oklch(0.621 0.096 210.5)) é mais próxima da cor nomeada Oasis. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#2A96A7
oklch(0.621 0.096 210.5)
Conversões de cor
- HEX
- #2a96a7
- RGB
- rgb(42 150 167)
- HSL
- hsl(188 60% 41%)
- HWB
- hwb(188 16% 35%)
- OKLCH
- oklch(0.621 0.096 210.5)
- OKLab
- oklab(0.621 -0.083 -0.049)
- CIE Lab
- lab(56.8 -26.55 -18.15)
- LCH
- lch(56.8 32.16 214.4)
- CMYK
- cmyk(75% 10% 0% 35%)
Tons claros · Sombras · Tons
Tons claros
- 48A0B0
- 60ABB8
- 75B5C1
- 8AC0CA
- 9ECAD3
- B1D5DB
- C5DFE4
- D8EAED
- ECF4F6
Sombras
- 238291
- 1C6E7B
- 165B66
- 104952
- 0A373E
- 05262C
- 02161A
- 01080A
- 000101
Tons
- 3A94A3
- 46929F
- 50909B
- 598E98
- 618C94
- 688990
- 6F878C
- 758588
- 7B8284
Harmonias de cor
Complementar +180°
- 2A96A7
Oasis
- BA7063
≈ Morocco
Análoga -30° +30°
Tríade +120° +240°
- 2A96A7
Oasis
- A871A2
≈ Mulberry Bush
- 9D843C
≈ Madagascar
Complementar dividida +150° +210°
- 2A96A7
Oasis
- B66D84
≈ Pink Hibiscus
- B17847
≈ Gold Metal
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.48:1 · APCA Lc 62
Ag
AASobre preto
WCAG 6.01:1 · APCA Lc 40
Melhor cor de texto: #000000
WCAG 6.01:1 (AA) · APCA Lc 40
Contrast pairs
Trechos de código
CSS
:root {
--oasis: #2a96a7;
--oasis-rgb: 42 150 167;
--oasis-oklch: oklch(0.621 0.096 210.5);
}
.element {
color: var(--oasis);
background-color: hsl(188 60% 41%);
border-color: oklch(0.621 0.096 210.5);
}Tailwind CSS v4
@theme {
--color-oasis: #2a96a7;
--color-oasis-50: #d7fdff;
--color-oasis-100: #c4f1fb;
--color-oasis-200: #a4e0ed;
--color-oasis-300: #7ac5d4;
--color-oasis-400: #4faebe;
--color-oasis-500: #0997aa;
--color-oasis-600: #12808f;
--color-oasis-700: #106673;
--color-oasis-800: #074b54;
--color-oasis-900: #05343b;
--color-oasis-950: #002025;
}SCSS
$oasis: #2a96a7;
$oasis-rgb: 42, 150, 167;
$oasis-light: mix(#fff, $oasis, 20%);
$oasis-dark: mix(#000, $oasis, 20%);
.element {
color: $oasis;
box-shadow: 0 0 0 2px rgba($oasis, 0.35);
}