Adlandırılmış renk · #00BBFF
Hawaii Morning
Hawaii Morning, #00BBFF: rgb(0 187 255), hsl(196 100% 50%), oklch(0.746 0.156 233.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Hawaii Morning color name →
#00BBFF
oklch(0.746 0.156 233.8)
Renk dönüşümleri
- HEX
- #00bbff
- RGB
- rgb(0 187 255)
- HSL
- hsl(196 100% 50%)
- HWB
- hwb(196 0% 0%)
- OKLCH
- oklch(0.746 0.156 233.8)
- OKLab
- oklab(0.746 -0.092 -0.126)
- CIE Lab
- lab(70.65 -22.2 -45.39)
- LCH
- lch(70.65 50.53 243.9)
- CMYK
- cmyk(100% 27% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 41C2FF
- 5FCAFF
- 78D1FF
- 8ED8FF
- A2DFFF
- B6E5FF
- C8ECFF
- DBF2FF
- EDF9FF
Koyu tonlar
- 00A2DE
- 008ABE
- 00739E
- 005C80
- 004663
- 003248
- 001F2E
- 000D16
- 000203
Gri tonlar
- 2FB5F2
- 43B0E5
- 50AAD8
- 5BA4CC
- 649EBF
- 6B99B2
- 7293A6
- 778C99
- 7C868D
Renk uyumları
Tamamlayıcı +180°
- 00BBFF
Hawaii Morning
- F78E40
≈ Fire Flower
Analog -30° +30°
- 00BBFF
Hawaii Morning
- 00C3D1
≈ Turquoise Surf
- 82ABFF
≈ Fennel Flower
Üçlü +120° +240°
- 00BBFF
Hawaii Morning
- F67FB4
≈ Erythrosine
- ADB728
≈ Lush Bamboo
Bölünmüş tamamlayıcı +150° +210°
- 00BBFF
Hawaii Morning
- FF827D
≈ Orange Tea Rose
- DAA200
≈ Golden Beryl Yellow
Dörtlü +90° +180° +270°
- 00BBFF
Hawaii Morning
- DC88E4
≈ Bright Lilac
- F78E40
≈ Fire Flower
- 69C669
≈ Verdant Oasis
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.19:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.55:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.55:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--hawaii-morning: #00bbff;
--hawaii-morning-rgb: 0 187 255;
--hawaii-morning-oklch: oklch(0.746 0.156 233.8);
}
.element {
color: var(--hawaii-morning);
background-color: hsl(196 100% 50%);
border-color: oklch(0.746 0.156 233.8);
}Tailwind CSS v4
@theme {
--color-hawaii-morning: #00bbff;
--color-hawaii-morning-50: #cbfdff;
--color-hawaii-morning-100: #b6f1ff;
--color-hawaii-morning-200: #90dfff;
--color-hawaii-morning-300: #5dc3fc;
--color-hawaii-morning-400: #00aceb;
--color-hawaii-morning-500: #0093dc;
--color-hawaii-morning-600: #007cb9;
--color-hawaii-morning-700: #006495;
--color-hawaii-morning-800: #004a6e;
--color-hawaii-morning-900: #00334e;
--color-hawaii-morning-950: #001e33;
}SCSS
$hawaii-morning: #00bbff;
$hawaii-morning-rgb: 0, 187, 255;
$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);
}