Color con nombre más cercano · #005B78
#005B78
Color con nombre más cercano: Saltwater Denim
#005B78 (rgb(0 91 120), hsl(195 100% 24%), oklch(0.44 0.086 228.4)) se parece más al color con nombre Saltwater Denim. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#005B78
oklch(0.44 0.086 228.4)
Conversiones de color
- HEX
- #005b78
- RGB
- rgb(0 91 120)
- HSL
- hsl(195 100% 24%)
- HWB
- hwb(195 0% 53%)
- OKLCH
- oklch(0.44 0.086 228.4)
- OKLab
- oklab(0.44 -0.057 -0.065)
- CIE Lab
- lab(35.28 -15.3 -23.43)
- LCH
- lch(35.28 27.98 236.8)
- CMYK
- cmyk(100% 24% 0% 53%)
Tintes · Sombras · Tonos
Tintes
- 296A85
- 437A92
- 5B8AA0
- 729AAD
- 89AABA
- A0BBC8
- B8CCD5
- CFDDE3
- E7EEF1
Sombras
- 004E67
- 004157
- 003548
- 002939
- 001E2A
- 00131D
- 000910
- 000305
- 000001
Tonos
- 1C5F79
- 2B637A
- 38677B
- 446A7C
- 4F6E7D
- 59727E
- 63757E
- 6D797F
- 767D80
Armonías de color
Complementario +180°
- 005B78
Saltwater Denim
- 784224
≈ Bull Shot
Análogo -30° +30°
- 005B78
Saltwater Denim
- 005F62
≈ Sandhill Crane
- 345382
≈ St. Tropez
Triádico +120° +240°
- 005B78
Saltwater Denim
- 753D5B
≈ Mystique Violet
- 575612
≈ Douro
Complementario dividido +150° +210°
- 005B78
Saltwater Denim
- 7B3D40
≈ Kokiake Brown
- 6C4C0C
≈ Antique Bronze
Tetrádico +90° +180° +270°
- 005B78
Saltwater Denim
- 674271
≈ Majesty
- 784224
≈ Bull Shot
- 395E2D
≈ Deep Into the Wood
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.58:1 · APCA Lc 86
Ag
FailSobre negro
WCAG 2.76:1 · APCA Lc 16
Mejor color de texto: #FFFFFF
WCAG 7.58:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--saltwater-denim: #005b78;
--saltwater-denim-rgb: 0 91 120;
--saltwater-denim-oklch: oklch(0.44 0.086 228.4);
}
.element {
color: var(--saltwater-denim);
background-color: hsl(195 100% 24%);
border-color: oklch(0.44 0.086 228.4);
}Tailwind CSS v4
@theme {
--color-saltwater-denim: #005b78;
--color-saltwater-denim-50: #ddfaff;
--color-saltwater-denim-100: #cceeff;
--color-saltwater-denim-200: #afdcf3;
--color-saltwater-denim-300: #89c0dc;
--color-saltwater-denim-400: #65a9c7;
--color-saltwater-denim-500: #3e91b3;
--color-saltwater-denim-600: #367b97;
--color-saltwater-denim-700: #2b6279;
--color-saltwater-denim-800: #1c4859;
--color-saltwater-denim-900: #12323e;
--color-saltwater-denim-950: #041e28;
}SCSS
$saltwater-denim: #005b78;
$saltwater-denim-rgb: 0, 91, 120;
$saltwater-denim-light: mix(#fff, $saltwater-denim, 20%);
$saltwater-denim-dark: mix(#000, $saltwater-denim, 20%);
.element {
color: $saltwater-denim;
box-shadow: 0 0 0 2px rgba($saltwater-denim, 0.35);
}