Màu có tên · #00BBFF
Hawaii Morning
Hawaii Morning là #00BBFF: rgb(0 187 255), hsl(196 100% 50%), oklch(0.746 0.156 233.8). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Blue mean? → · Hawaii Morning color name →
#00BBFF
oklch(0.746 0.156 233.8)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 41C2FF
- 5FCAFF
- 78D1FF
- 8ED8FF
- A2DFFF
- B6E5FF
- C8ECFF
- DBF2FF
- EDF9FF
Sắc đậm
- 00A2DE
- 008ABE
- 00739E
- 005C80
- 004663
- 003248
- 001F2E
- 000D16
- 000203
Sắc xám
- 2FB5F2
- 43B0E5
- 50AAD8
- 5BA4CC
- 649EBF
- 6B99B2
- 7293A6
- 778C99
- 7C868D
Hòa sắc
Bổ túc +180°
- 00BBFF
Hawaii Morning
- F78E40
≈ Fire Flower
Tương đồng -30° +30°
- 00BBFF
Hawaii Morning
- 00C3D1
≈ Turquoise Surf
- 82ABFF
≈ Fennel Flower
Bộ ba +120° +240°
- 00BBFF
Hawaii Morning
- F67FB4
≈ Erythrosine
- ADB728
≈ Lush Bamboo
Bổ túc chia +150° +210°
- 00BBFF
Hawaii Morning
- FF827D
≈ Orange Tea Rose
- DAA200
≈ Golden Beryl Yellow
Bộ bốn +90° +180° +270°
- 00BBFF
Hawaii Morning
- DC88E4
≈ Bright Lilac
- F78E40
≈ Fire Flower
- 69C669
≈ Verdant Oasis
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.19:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.55:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.55:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
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);
}