Color con nombre más cercano · #2C9FFE
#2C9FFE
Color con nombre más cercano: Fresh Blue of Bel Air
#2C9FFE (rgb(44 159 254), hsl(207 99% 58%), oklch(0.687 0.171 248.9)) se parece más al color con nombre Fresh Blue of Bel Air. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#2C9FFE
oklch(0.687 0.171 248.9)
Conversiones de color
- HEX
- #2c9ffe
- RGB
- rgb(44 159 254)
- HSL
- hsl(207 99% 58%)
- HWB
- hwb(207 17% 0%)
- OKLCH
- oklch(0.687 0.171 248.9)
- OKLab
- oklab(0.687 -0.062 -0.159)
- CIE Lab
- lab(62.86 -6.36 -57.05)
- LCH
- lch(62.86 57.41 263.6)
- CMYK
- cmyk(83% 37% 0% 0%)
Tintes · Sombras · Tonos
Tintes
- 4AA9FF
- 62B4FF
- 78BDFF
- 8CC7FF
- A0D1FF
- B3DAFF
- C6E4FF
- D9EDFF
- ECF6FF
Sombras
- 258ADD
- 1E75BD
- 17619E
- 114D80
- 0A3B63
- 052947
- 02182D
- 010916
- 000103
Tonos
- 3C9DF1
- 499AE5
- 5397D8
- 5B94CC
- 6391BF
- 6A8EB3
- 708BA6
- 768799
- 7B848D
Armonías de color
Complementario +180°
- 2C9FFE
Fresh Blue of Bel Air
- D58600
≈ Fleur de Sel Caramel
Análogo -30° +30°
- 2C9FFE
Fresh Blue of Bel Air
- 00ACCE
≈ Ball Blue
- 868BFF
≈ Lavender Blue Shadow
Triádico +120° +240°
- 2C9FFE
Fresh Blue of Bel Air
- EF6584
≈ Jellyfish Sting
- 79AD20
≈ Lima Sombrio
Complementario dividido +150° +210°
- 2C9FFE
Fresh Blue of Bel Air
- EF6E42
≈ Fiery Sky
- B19A00
≈ Sunken Gold
Tetrádico +90° +180° +270°
- 2C9FFE
Fresh Blue of Bel Air
- DC6BBD
≈ Pink Charge
- D58600
≈ Fleur de Sel Caramel
- 00B775
≈ Green Teal
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.80:1 · APCA Lc 53
Ag
AAASobre negro
WCAG 7.49:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--fresh-blue-of-bel-air: #2c9ffe;
--fresh-blue-of-bel-air-rgb: 44 159 254;
--fresh-blue-of-bel-air-oklch: oklch(0.687 0.171 248.9);
}
.element {
color: var(--fresh-blue-of-bel-air);
background-color: hsl(207 99% 58%);
border-color: oklch(0.687 0.171 248.9);
}Tailwind CSS v4
@theme {
--color-fresh-blue-of-bel-air: #2c9ffe;
--color-fresh-blue-of-bel-air-50: #d1faff;
--color-fresh-blue-of-bel-air-100: #beedff;
--color-fresh-blue-of-bel-air-200: #9cdaff;
--color-fresh-blue-of-bel-air-300: #71bcff;
--color-fresh-blue-of-bel-air-400: #3ca4fe;
--color-fresh-blue-of-bel-air-500: #0089f0;
--color-fresh-blue-of-bel-air-600: #0074cb;
--color-fresh-blue-of-bel-air-700: #005da3;
--color-fresh-blue-of-bel-air-800: #004579;
--color-fresh-blue-of-bel-air-900: #003056;
--color-fresh-blue-of-bel-air-950: #001b3a;
}SCSS
$fresh-blue-of-bel-air: #2c9ffe;
$fresh-blue-of-bel-air-rgb: 44, 159, 254;
$fresh-blue-of-bel-air-light: mix(#fff, $fresh-blue-of-bel-air, 20%);
$fresh-blue-of-bel-air-dark: mix(#000, $fresh-blue-of-bel-air, 20%);
.element {
color: $fresh-blue-of-bel-air;
box-shadow: 0 0 0 2px rgba($fresh-blue-of-bel-air, 0.35);
}