Color con nombre más cercano · #428BA9
#428BA9
Color con nombre más cercano: Underwater Moonlight
#428BA9 (rgb(66 139 169), hsl(197 44% 46%), oklch(0.602 0.086 227.7)) se parece más al color con nombre Underwater Moonlight. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#428BA9
oklch(0.602 0.086 227.7)
Conversiones de color
- HEX
- #428ba9
- RGB
- rgb(66 139 169)
- HSL
- hsl(197 44% 46%)
- HWB
- hwb(197 26% 34%)
- OKLCH
- oklch(0.602 0.086 227.7)
- OKLab
- oklab(0.602 -0.058 -0.063)
- CIE Lab
- lab(54.16 -16.68 -23.22)
- LCH
- lch(54.16 28.59 234.3)
- CMYK
- cmyk(61% 18% 0% 34%)
Tintes · Sombras · Tonos
Tintes
- 5796B2
- 6AA2BA
- 7DADC3
- 90B9CB
- A2C4D4
- B5D0DD
- C7DCE5
- DAE7EE
- ECF3F6
Sombras
- 387892
- 2F667C
- 255467
- 1C4353
- 14323F
- 0B232C
- 05141B
- 01070A
- 000101
Tonos
- 4B8AA5
- 5289A1
- 59889D
- 608799
- 668695
- 6C8591
- 71848D
- 768388
- 7B8184
Armonías de color
Complementario +180°
- 428BA9
Underwater Moonlight
- AB7153
≈ Autumn Umber
Análogo -30° +30°
- 428BA9
Underwater Moonlight
- 349193
≈ Blue Chill
- 6082B4
≈ Glaucous
Triádico +120° +240°
- 428BA9
Underwater Moonlight
- A76C8A
≈ Cure All
- 868545
≈ Galia Melon
Complementario dividido +150° +210°
- 428BA9
Underwater Moonlight
- AE6C6E
≈ Pomegranate Tea
- 9D7A42
≈ Ochre Brown
Tetrádico +90° +180° +270°
- 428BA9
Underwater Moonlight
- 9671A3
≈ Ce Soir
- AB7153
≈ Autumn Umber
- 688D5A
≈ Irish Charm
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.81:1 · APCA Lc 66
Ag
AASobre negro
WCAG 5.49:1 · APCA Lc 36
Mejor color de texto: #000000
WCAG 5.49:1 (AA) · APCA Lc 36
Contrast pairs
Fragmentos de código
CSS
:root {
--underwater-moonlight: #428ba9;
--underwater-moonlight-rgb: 66 139 169;
--underwater-moonlight-oklch: oklch(0.602 0.086 227.7);
}
.element {
color: var(--underwater-moonlight);
background-color: hsl(197 44% 46%);
border-color: oklch(0.602 0.086 227.7);
}Tailwind CSS v4
@theme {
--color-underwater-moonlight: #428ba9;
--color-underwater-moonlight-50: #ddfaff;
--color-underwater-moonlight-100: #cceeff;
--color-underwater-moonlight-200: #afdcf2;
--color-underwater-moonlight-300: #89c0db;
--color-underwater-moonlight-400: #65a9c6;
--color-underwater-moonlight-500: #3e91b2;
--color-underwater-moonlight-600: #367b97;
--color-underwater-moonlight-700: #2b6279;
--color-underwater-moonlight-800: #1c4859;
--color-underwater-moonlight-900: #13323e;
--color-underwater-moonlight-950: #041e27;
}SCSS
$underwater-moonlight: #428ba9;
$underwater-moonlight-rgb: 66, 139, 169;
$underwater-moonlight-light: mix(#fff, $underwater-moonlight, 20%);
$underwater-moonlight-dark: mix(#000, $underwater-moonlight, 20%);
.element {
color: $underwater-moonlight;
box-shadow: 0 0 0 2px rgba($underwater-moonlight, 0.35);
}