Najbliższy nazwany kolor · #009AFF
#009AFF
Najbliższy nazwany kolor: Fresh Blue of Bel Air
#009AFF (rgb(0 154 255), hsl(204 100% 50%), oklch(0.671 0.183 248.5)) jest najbliższy nazwanemu kolorowi Fresh Blue of Bel Air. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#009AFF
oklch(0.671 0.183 248.5)
Konwersje koloru
- HEX
- #009aff
- RGB
- rgb(0 154 255)
- HSL
- hsl(204 100% 50%)
- HWB
- hwb(204 0% 0%)
- OKLCH
- oklch(0.671 0.183 248.5)
- OKLab
- oklab(0.671 -0.067 -0.17)
- CIE Lab
- lab(60.98 -5.71 -60.62)
- LCH
- lch(60.98 60.89 264.6)
- CMYK
- cmyk(100% 40% 0% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 39A5FF
- 56B0FF
- 6EBAFF
- 85C5FF
- 9ACFFF
- AFD9FF
- C3E2FF
- D7ECFF
- EBF6FF
Odcienie ciemniejsze
- 0085DE
- 0071BE
- 005E9E
- 004B80
- 003963
- 002748
- 00172E
- 000916
- 000103
Tony
- 2998F2
- 3B96E6
- 4894D9
- 5392CC
- 5D8FC0
- 658DB3
- 6D8AA7
- 74879A
- 7A838D
Harmonie kolorów
Komplementarna +180°
- 009AFF
Fresh Blue of Bel Air
- CF8200
≈ Copious Caramel
Analogowa -30° +30°
- 009AFF
Fresh Blue of Bel Air
- 00A7C7
≈ Gummy Dolphins
- 8086FF
≈ Blue Party Parrot
Triada +120° +240°
- 009AFF
Fresh Blue of Bel Air
- EE5B7F
≈ Watermelon Juice
- 74A900
≈ Green Envy
Komplementarna rozszczepiona +150° +210°
- 009AFF
Fresh Blue of Bel Air
- EF6434
≈ Exuberant Orange
- AC9600
≈ Vegan Villain
Tetrada +90° +180° +270°
- 009AFF
Fresh Blue of Bel Air
- DA61BB
≈ Pink Charge
- CF8200
≈ Copious Caramel
- 00B170
≈ Jade Powder
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.97:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.06:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.06:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--fresh-blue-of-bel-air: #009aff;
--fresh-blue-of-bel-air-rgb: 0 154 255;
--fresh-blue-of-bel-air-oklch: oklch(0.671 0.183 248.5);
}
.element {
color: var(--fresh-blue-of-bel-air);
background-color: hsl(204 100% 50%);
border-color: oklch(0.671 0.183 248.5);
}Tailwind CSS v4
@theme {
--color-fresh-blue-of-bel-air: #009aff;
--color-fresh-blue-of-bel-air-50: #cefaff;
--color-fresh-blue-of-bel-air-100: #baedff;
--color-fresh-blue-of-bel-air-200: #97daff;
--color-fresh-blue-of-bel-air-300: #69bdff;
--color-fresh-blue-of-bel-air-400: #2ca4ff;
--color-fresh-blue-of-bel-air-500: #0089f7;
--color-fresh-blue-of-bel-air-600: #0074d0;
--color-fresh-blue-of-bel-air-700: #005da8;
--color-fresh-blue-of-bel-air-800: #00457d;
--color-fresh-blue-of-bel-air-900: #003058;
--color-fresh-blue-of-bel-air-950: #001b3c;
}SCSS
$fresh-blue-of-bel-air: #009aff;
$fresh-blue-of-bel-air-rgb: 0, 154, 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);
}