Najbliższy nazwany kolor · #00B4F2
#00B4F2
Najbliższy nazwany kolor: Hawaii Morning
#00B4F2 (rgb(0 180 242), hsl(195 100% 47%), oklch(0.723 0.148 232.3)) jest najbliższy nazwanemu kolorowi Hawaii Morning. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#00B4F2
oklch(0.723 0.148 232.3)
Konwersje koloru
- HEX
- #00b4f2
- RGB
- rgb(0 180 242)
- HSL
- hsl(195 100% 47%)
- HWB
- hwb(195 0% 5%)
- OKLCH
- oklch(0.723 0.148 232.3)
- OKLab
- oklab(0.723 -0.091 -0.117)
- CIE Lab
- lab(68.1 -22.62 -42.37)
- LCH
- lch(68.1 48.03 241.9)
- CMYK
- cmyk(100% 26% 0% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 40BCF4
- 5EC4F6
- 76CCF7
- 8CD3F9
- A0DBFA
- B4E2FC
- C7EAFD
- DAF1FE
- EDF8FE
Odcienie ciemniejsze
- 009CD2
- 0085B4
- 006E96
- 005879
- 00445E
- 003043
- 001D2B
- 000C14
- 000203
Tony
- 2EAFE6
- 41AADB
- 4FA5CF
- 59A0C4
- 629BB9
- 6A96AD
- 7190A2
- 768B97
- 7B868B
Harmonie kolorów
Komplementarna +180°
- 00B4F2
Hawaii Morning
- ED8843
≈ Zodiac Constellation
Analogowa -30° +30°
- 00B4F2
Hawaii Morning
- 00BCC7
≈ Panorama Blue
- 74A4FF
≈ Fennel Flower
Triada +120° +240°
- 00B4F2
Hawaii Morning
- EA7BAF
≈ Fuchsia Blush
- A8AE28
≈ Fusion
Komplementarna rozszczepiona +150° +210°
- 00B4F2
Hawaii Morning
- F47C7A
≈ Meat
- D39B05
≈ Leopard
Tetrada +90° +180° +270°
- 00B4F2
Hawaii Morning
- D184DC
≈ Blush Essence
- ED8843
≈ Zodiac Constellation
- 6ABD63
≈ Drop Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.38:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.81:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.81:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--hawaii-morning: #00b4f2;
--hawaii-morning-rgb: 0 180 242;
--hawaii-morning-oklch: oklch(0.723 0.148 232.3);
}
.element {
color: var(--hawaii-morning);
background-color: hsl(195 100% 47%);
border-color: oklch(0.723 0.148 232.3);
}Tailwind CSS v4
@theme {
--color-hawaii-morning: #00b4f2;
--color-hawaii-morning-50: #cdfdff;
--color-hawaii-morning-100: #b8f1ff;
--color-hawaii-morning-200: #93dfff;
--color-hawaii-morning-300: #61c4f8;
--color-hawaii-morning-400: #11ace6;
--color-hawaii-morning-500: #0094d6;
--color-hawaii-morning-600: #007db5;
--color-hawaii-morning-700: #006491;
--color-hawaii-morning-800: #004a6b;
--color-hawaii-morning-900: #00334b;
--color-hawaii-morning-950: #001f32;
}SCSS
$hawaii-morning: #00b4f2;
$hawaii-morning-rgb: 0, 180, 242;
$hawaii-morning-light: mix(#fff, $hawaii-morning, 20%);
$hawaii-morning-dark: mix(#000, $hawaii-morning, 20%);
.element {
color: $hawaii-morning;
box-shadow: 0 0 0 2px rgba($hawaii-morning, 0.35);
}