En yakın adlandırılmış renk · #00B4F2
#00B4F2
En yakın adlandırılmış renk: Hawaii Morning
#00B4F2 (rgb(0 180 242), hsl(195 100% 47%), oklch(0.723 0.148 232.3)) en çok Hawaii Morning adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#00B4F2
oklch(0.723 0.148 232.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 40BCF4
- 5EC4F6
- 76CCF7
- 8CD3F9
- A0DBFA
- B4E2FC
- C7EAFD
- DAF1FE
- EDF8FE
Koyu tonlar
- 009CD2
- 0085B4
- 006E96
- 005879
- 00445E
- 003043
- 001D2B
- 000C14
- 000203
Gri tonlar
- 2EAFE6
- 41AADB
- 4FA5CF
- 59A0C4
- 629BB9
- 6A96AD
- 7190A2
- 768B97
- 7B868B
Renk uyumları
Tamamlayıcı +180°
- 00B4F2
Hawaii Morning
- ED8843
≈ Zodiac Constellation
Analog -30° +30°
- 00B4F2
Hawaii Morning
- 00BCC7
≈ Panorama Blue
- 74A4FF
≈ Fennel Flower
Üçlü +120° +240°
- 00B4F2
Hawaii Morning
- EA7BAF
≈ Fuchsia Blush
- A8AE28
≈ Fusion
Bölünmüş tamamlayıcı +150° +210°
- 00B4F2
Hawaii Morning
- F47C7A
≈ Meat
- D39B05
≈ Leopard
Dörtlü +90° +180° +270°
- 00B4F2
Hawaii Morning
- D184DC
≈ Blush Essence
- ED8843
≈ Zodiac Constellation
- 6ABD63
≈ Drop Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.38:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 8.81:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 8.81:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
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);
}