Couleur nommée la plus proche · #0097FF
#0097FF
Couleur nommée la plus proche: Fresh Blue of Bel Air
#0097FF (rgb(0 151 255), hsl(204 100% 50%), oklch(0.665 0.186 249.5)) est la plus proche de la couleur nommée Fresh Blue of Bel Air. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#0097FF
oklch(0.665 0.186 249.5)
Conversions de couleur
- HEX
- #0097ff
- RGB
- rgb(0 151 255)
- HSL
- hsl(204 100% 50%)
- HWB
- hwb(204 0% 0%)
- OKLCH
- oklch(0.665 0.186 249.5)
- OKLab
- oklab(0.665 -0.065 -0.174)
- CIE Lab
- lab(60.11 -4.11 -62.01)
- LCH
- lch(60.11 62.14 266.2)
- CMYK
- cmyk(100% 41% 0% 0%)
Teintes · Ombres · Tons
Teintes
- 39A2FF
- 55AEFF
- 6EB8FF
- 84C3FF
- 99CDFF
- AED8FF
- C2E2FF
- D7ECFF
- EBF5FF
Ombres
- 0083DE
- 006FBE
- 005C9E
- 004980
- 003763
- 002648
- 00172E
- 000816
- 000103
Tons
- 2896F2
- 3A94E6
- 4892D9
- 5390CD
- 5C8EC0
- 658CB3
- 6C89A7
- 73869A
- 7A838D
Harmonies de couleurs
Complémentaire +180°
- 0097FF
Fresh Blue of Bel Air
- CB8100
≈ Bamboo Brown
Analogue -30° +30°
- 0097FF
Fresh Blue of Bel Air
- 00A4C6
≈ Cyan Blue
- 8082FF
≈ Blue Party Parrot
Triadique +120° +240°
- 0097FF
Fresh Blue of Bel Air
- ED577A
≈ Lick and Kiss
- 6FA700
≈ Christi
Complémentaire divisée +150° +210°
- 0097FF
Fresh Blue of Bel Air
- EE612B
≈ Durotar Fire
- A89400
≈ Bark Sawdust
Tétradique +90° +180° +270°
- 0097FF
Fresh Blue of Bel Air
- DA5EB8
≈ Pink Charge
- CB8100
≈ Bamboo Brown
- 00AF72
≈ Jade Powder
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.05:1 · APCA Lc 57
Ag
AASur noir
WCAG 6.87:1 · APCA Lc 45
Meilleure couleur de texte: #000000
WCAG 6.87:1 (AA) · APCA Lc 45
Contrast pairs
Extraits de code
CSS
:root {
--fresh-blue-of-bel-air: #0097ff;
--fresh-blue-of-bel-air-rgb: 0 151 255;
--fresh-blue-of-bel-air-oklch: oklch(0.665 0.186 249.5);
}
.element {
color: var(--fresh-blue-of-bel-air);
background-color: hsl(204 100% 50%);
border-color: oklch(0.665 0.186 249.5);
}Tailwind CSS v4
@theme {
--color-fresh-blue-of-bel-air: #0097ff;
--color-fresh-blue-of-bel-air-50: #cffaff;
--color-fresh-blue-of-bel-air-100: #baedff;
--color-fresh-blue-of-bel-air-200: #98daff;
--color-fresh-blue-of-bel-air-300: #6abcff;
--color-fresh-blue-of-bel-air-400: #2ea3ff;
--color-fresh-blue-of-bel-air-500: #0088fa;
--color-fresh-blue-of-bel-air-600: #0073d2;
--color-fresh-blue-of-bel-air-700: #005ca9;
--color-fresh-blue-of-bel-air-800: #00447e;
--color-fresh-blue-of-bel-air-900: #002f59;
--color-fresh-blue-of-bel-air-950: #001b3d;
}SCSS
$fresh-blue-of-bel-air: #0097ff;
$fresh-blue-of-bel-air-rgb: 0, 151, 255;
$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);
}