Cor nomeada mais próxima · #2695A0
#2695A0
Cor nomeada mais próxima: Oasis
#2695A0 (rgb(38 149 160), hsl(185 62% 39%), oklch(0.615 0.096 205)) é mais próxima da cor nomeada Oasis. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#2695A0
oklch(0.615 0.096 205)
Conversões de cor
- HEX
- #2695a0
- RGB
- rgb(38 149 160)
- HSL
- hsl(185 62% 39%)
- HWB
- hwb(185 15% 37%)
- OKLCH
- oklch(0.615 0.096 205)
- OKLab
- oklab(0.615 -0.087 -0.04)
- CIE Lab
- lab(56.2 -28.37 -15.11)
- LCH
- lch(56.2 32.14 208)
- CMYK
- cmyk(76% 7% 0% 37%)
Tons claros · Sombras · Tons
Tons claros
- 459FA9
- 5EAAB3
- 74B5BC
- 88BFC5
- 9DCACF
- B0D4D8
- C4DFE2
- D8EAEC
- EBF4F5
Sombras
- 20818B
- 196D76
- 135A61
- 0D484E
- 08373B
- 042629
- 021619
- 010809
- 000101
Tons
- 37939D
- 44919A
- 4F8F96
- 588D93
- 608B90
- 67898D
- 6E878A
- 748586
- 7A8283
Harmonias de cor
Complementar +180°
- 2695A0
Oasis
- B76D67
≈ Hacienda Tile
Análoga -30° +30°
- 2695A0
Oasis
- 389781
≈ Green Jelly
- 438EB6
≈ Quiet Night
Tríade +120° +240°
- 2695A0
Oasis
- A270A4
≈ Violet Femmes
- 9F803B
≈ Wild Olive
Complementar dividida +150° +210°
- 2695A0
Oasis
- B26C88
≈ Pink Hibiscus
- B1754A
≈ Copper Mine
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.56:1 · APCA Lc 63
Ag
AASobre preto
WCAG 5.88:1 · APCA Lc 39
Melhor cor de texto: #000000
WCAG 5.88:1 (AA) · APCA Lc 39
Contrast pairs
Trechos de código
CSS
:root {
--oasis: #2695a0;
--oasis-rgb: 38 149 160;
--oasis-oklch: oklch(0.615 0.096 205);
}
.element {
color: var(--oasis);
background-color: hsl(185 62% 39%);
border-color: oklch(0.615 0.096 205);
}Tailwind CSS v4
@theme {
--color-oasis: #2695a0;
--color-oasis-50: #d7feff;
--color-oasis-100: #c4f2f8;
--color-oasis-200: #a4e0e9;
--color-oasis-300: #7ac6d0;
--color-oasis-400: #4fafb9;
--color-oasis-500: #0498a4;
--color-oasis-600: #0f808b;
--color-oasis-700: #0e676f;
--color-oasis-800: #074c51;
--color-oasis-900: #053538;
--color-oasis-950: #002023;
}SCSS
$oasis: #2695a0;
$oasis-rgb: 38, 149, 160;
$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);
}