Color con nombre más cercano · #3599A2
#3599A2
Color con nombre más cercano: Baltic
#3599A2 (rgb(53 153 162), hsl(185 51% 42%), oklch(0.63 0.091 203.7)) se parece más al color con nombre Baltic. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#3599A2
oklch(0.63 0.091 203.7)
Conversiones de color
- HEX
- #3599a2
- RGB
- rgb(53 153 162)
- HSL
- hsl(185 51% 42%)
- HWB
- hwb(185 21% 36%)
- OKLCH
- oklch(0.63 0.091 203.7)
- OKLab
- oklab(0.63 -0.083 -0.037)
- CIE Lab
- lab(57.86 -27.48 -13.7)
- LCH
- lch(57.86 30.7 206.5)
- CMYK
- cmyk(67% 6% 0% 36%)
Tintes · Sombras · Tonos
Tintes
- 4FA3AB
- 65ADB4
- 7AB7BD
- 8EC1C7
- A1CCD0
- B4D6D9
- C7E0E3
- D9EAEC
- ECF5F5
Sombras
- 2D848C
- 257077
- 1D5D63
- 154A4F
- 0E383C
- 08272A
- 031719
- 01080A
- 000101
Tonos
- 42979F
- 4C949B
- 559298
- 5D8F94
- 648D91
- 6A8B8E
- 70888A
- 768587
- 7B8383
Armonías de color
Complementario +180°
- 3599A2
Baltic
- BA736E
≈ Canyon Rose
Análogo -30° +30°
- 3599A2
Baltic
- 449B84
≈ Greenway
- 4B92B8
≈ Vanity
Triádico +120° +240°
- 3599A2
Baltic
- A476A9
≈ Pleasant Dream
- A38444
≈ Arrow Rock
Complementario dividido +150° +210°
- 3599A2
Baltic
- B4728D
≈ So Long Shadow
- B47953
≈ Apricot Mix
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.37:1 · APCA Lc 61
Ag
AASobre negro
WCAG 6.22:1 · APCA Lc 41
Mejor color de texto: #000000
WCAG 6.22:1 (AA) · APCA Lc 41
Contrast pairs
Fragmentos de código
CSS
:root {
--baltic: #3599a2;
--baltic-rgb: 53 153 162;
--baltic-oklch: oklch(0.63 0.091 203.7);
}
.element {
color: var(--baltic);
background-color: hsl(185 51% 42%);
border-color: oklch(0.63 0.091 203.7);
}Tailwind CSS v4
@theme {
--color-baltic: #3599a2;
--color-baltic-50: #d8fdff;
--color-baltic-100: #c6f1f7;
--color-baltic-200: #a7e0e7;
--color-baltic-300: #7dc5ce;
--color-baltic-400: #54aeb7;
--color-baltic-500: #1c97a1;
--color-baltic-600: #1d8088;
--color-baltic-700: #17676d;
--color-baltic-800: #0e4c50;
--color-baltic-900: #093437;
--color-baltic-950: #002022;
}SCSS
$baltic: #3599a2;
$baltic-rgb: 53, 153, 162;
$baltic-light: mix(#fff, $baltic, 20%);
$baltic-dark: mix(#000, $baltic, 20%);
.element {
color: $baltic;
box-shadow: 0 0 0 2px rgba($baltic, 0.35);
}