Color con nombre más cercano · #004C9B
#004C9B
Color con nombre más cercano: Dancing Sea
#004C9B (rgb(0 76 155), hsl(211 100% 30%), oklch(0.426 0.144 255.8)) se parece más al color con nombre Dancing Sea. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#004C9B
oklch(0.426 0.144 255.8)
Conversiones de color
- HEX
- #004c9b
- RGB
- rgb(0 76 155)
- HSL
- hsl(211 100% 30%)
- HWB
- hwb(211 0% 39%)
- OKLCH
- oklch(0.426 0.144 255.8)
- OKLab
- oklab(0.426 -0.035 -0.14)
- CIE Lab
- lab(32.19 5.48 -49.63)
- LCH
- lch(32.19 49.93 276.3)
- CMYK
- cmyk(100% 51% 0% 39%)
Tintes · Sombras · Tonos
Tintes
- 255EA6
- 3E70B1
- 5681BB
- 6D93C5
- 85A5D0
- 9DB7D9
- B5C8E3
- CDDAED
- E6EDF6
Sombras
- 004186
- 003672
- 002C5E
- 00224B
- 001839
- 000F28
- 000618
- 000209
- 000001
Tonos
- 185299
- 275897
- 345E95
- 406393
- 4B6990
- 566E8D
- 60728A
- 6B7787
- 767C84
Armonías de color
Complementario +180°
- 004C9B
Dancing Sea
- 6A4700
≈ Violin Brown
Análogo -30° +30°
- 004C9B
Dancing Sea
- 005770
≈ Subaqueous
- 4B3C98
≈ Blueberry
Triádico +120° +240°
- 004C9B
Dancing Sea
- 8C1E33
≈ Refined Chianti
- 2B5D00
≈ Thuja Green
Complementario dividido +150° +210°
- 004C9B
Dancing Sea
- 813400
≈ Red Beech
- 565100
≈ Scorzonera Brown
Tetrádico +90° +180° +270°
- 004C9B
Dancing Sea
- 82235F
≈ Smooch
- 6A4700
≈ Violin Brown
- 005E43
≈ Sci-Fi Takeout
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 8.37:1 · APCA Lc 88
Ag
FailSobre negro
WCAG 2.50:1 · APCA Lc 14
Mejor color de texto: #FFFFFF
WCAG 8.37:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--dancing-sea: #004c9b;
--dancing-sea-rgb: 0 76 155;
--dancing-sea-oklch: oklch(0.426 0.144 255.8);
}
.element {
color: var(--dancing-sea);
background-color: hsl(211 100% 30%);
border-color: oklch(0.426 0.144 255.8);
}Tailwind CSS v4
@theme {
--color-dancing-sea: #004c9b;
--color-dancing-sea-50: #dcf7ff;
--color-dancing-sea-100: #caeaff;
--color-dancing-sea-200: #aed7ff;
--color-dancing-sea-300: #88b9ff;
--color-dancing-sea-400: #62a0f2;
--color-dancing-sea-500: #3d86e3;
--color-dancing-sea-600: #3572c0;
--color-dancing-sea-700: #2a5b9a;
--color-dancing-sea-800: #194373;
--color-dancing-sea-900: #102e51;
--color-dancing-sea-950: #031b36;
}SCSS
$dancing-sea: #004c9b;
$dancing-sea-rgb: 0, 76, 155;
$dancing-sea-light: mix(#fff, $dancing-sea, 20%);
$dancing-sea-dark: mix(#000, $dancing-sea, 20%);
.element {
color: $dancing-sea;
box-shadow: 0 0 0 2px rgba($dancing-sea, 0.35);
}