Color con nombre · #4586C7
Casting Sea
Casting Sea es #4586C7: rgb(69 134 199), hsl(210 54% 53%), oklch(0.607 0.12 250.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Casting Sea color name →
#4586C7
oklch(0.607 0.12 250.4)
Conversiones de color
- HEX
- #4586c7
- RGB
- rgb(69 134 199)
- HSL
- hsl(210 54% 53%)
- HWB
- hwb(210 27% 22%)
- OKLCH
- oklch(0.607 0.12 250.4)
- OKLab
- oklab(0.607 -0.04 -0.113)
- CIE Lab
- lab(53.9 -5.56 -40.66)
- LCH
- lch(53.9 41.04 262.2)
- CMYK
- cmyk(65% 33% 0% 22%)
Tintes · Sombras · Tonos
Tintes
- 5992CD
- 6B9ED3
- 7EAAD9
- 90B6DF
- A2C2E5
- B5CEEA
- C7DBF0
- DAE7F5
- ECF3FA
Sombras
- 3B74AD
- 316293
- 27517A
- 1E4062
- 15304C
- 0C2136
- 051321
- 02060E
- 000102
Tonos
- 4D86C0
- 5486B9
- 5A85B2
- 6085AB
- 6684A4
- 6C849D
- 718396
- 76828F
- 7B8187
Armonías de color
Complementario +180°
- 4586C7
Casting Sea
- AF741F
≈ Hamtaro Brown
Análogo -30° +30°
- 4586C7
Casting Sea
- 0091B0
≈ Cool Tide
- 7579C8
≈ Kickstart Purple
Triádico +120° +240°
- 4586C7
Casting Sea
- BE6171
≈ Candy Drop
- 69903E
≈ Mary’s Garden
Complementario dividido +150° +210°
- 4586C7
Casting Sea
- BD6748
≈ Dirt Track
- 938317
≈ Thicket Green
Tetrádico +90° +180° +270°
- 4586C7
Casting Sea
- B16498
≈ Bodacious
- AF741F
≈ Hamtaro Brown
- 2D986A
≈ Starship Trooper
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.82:1 · APCA Lc 66
Ag
AASobre negro
WCAG 5.48:1 · APCA Lc 36
Mejor color de texto: #000000
WCAG 5.48:1 (AA) · APCA Lc 36
Contrast pairs
Fragmentos de código
CSS
:root {
--casting-sea: #4586c7;
--casting-sea-rgb: 69 134 199;
--casting-sea-oklch: oklch(0.607 0.12 250.4);
}
.element {
color: var(--casting-sea);
background-color: hsl(210 54% 53%);
border-color: oklch(0.607 0.12 250.4);
}Tailwind CSS v4
@theme {
--color-casting-sea: #4586c7;
--color-casting-sea-50: #ddf8ff;
--color-casting-sea-100: #ccebff;
--color-casting-sea-200: #b0d8ff;
--color-casting-sea-300: #8bbbf3;
--color-casting-sea-400: #65a3e3;
--color-casting-sea-500: #408ad2;
--color-casting-sea-600: #3875b1;
--color-casting-sea-700: #2c5e8e;
--color-casting-sea-800: #1c456a;
--color-casting-sea-900: #12304a;
--color-casting-sea-950: #041c31;
}SCSS
$casting-sea: #4586c7;
$casting-sea-rgb: 69, 134, 199;
$casting-sea-light: mix(#fff, $casting-sea, 20%);
$casting-sea-dark: mix(#000, $casting-sea, 20%);
.element {
color: $casting-sea;
box-shadow: 0 0 0 2px rgba($casting-sea, 0.35);
}