En yakın adlandırılmış renk · #00B4FE
#00B4FE
En yakın adlandırılmış renk: Hawaii Morning
#00B4FE (rgb(0 180 254), hsl(197 100% 50%), oklch(0.729 0.159 237)) 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.
#00B4FE
oklch(0.729 0.159 237)
Renk dönüşümleri
- HEX
- #00b4fe
- RGB
- rgb(0 180 254)
- HSL
- hsl(197 100% 50%)
- HWB
- hwb(197 0% 0%)
- OKLCH
- oklch(0.729 0.159 237)
- OKLab
- oklab(0.729 -0.087 -0.134)
- CIE Lab
- lab(68.55 -19.16 -48.13)
- LCH
- lch(68.55 51.81 248.3)
- CMYK
- cmyk(100% 29% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 40BCFF
- 5EC4FF
- 76CCFF
- 8CD4FF
- A0DBFF
- B4E3FF
- C7EAFF
- DAF1FF
- EDF8FF
Koyu tonlar
- 009CDD
- 0085BD
- 006E9E
- 005880
- 004463
- 003047
- 001D2D
- 000C16
- 000203
Gri tonlar
- 2EAFF1
- 41AAE4
- 4FA5D8
- 59A0CB
- 629BBF
- 6A96B2
- 7191A6
- 768B99
- 7B868D
Renk uyumları
Tamamlayıcı +180°
- 00B4FE
Hawaii Morning
- F18A2E
≈ Peril’s Flames
Analog -30° +30°
- 00B4FE
Hawaii Morning
- 00BDCF
≈ Holiday Blue
- 80A3FF
≈ Fennel Flower
Üçlü +120° +240°
- 00B4FE
Hawaii Morning
- F478A9
≈ Erythrosine
- A1B321
≈ Tree Frog
Bölünmüş tamamlayıcı +150° +210°
- 00B4FE
Hawaii Morning
- FC7B6F
≈ Hipster Salmon
- D0A000
≈ Lepton Gold
Dörtlü +90° +180° +270°
- 00B4FE
Hawaii Morning
- DB81DB
≈ Hibiscus Pop
- F18A2E
≈ Peril’s Flames
- 58C269
≈ Emerald Cory
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.34:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 8.95:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 8.95:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--hawaii-morning: #00b4fe;
--hawaii-morning-rgb: 0 180 254;
--hawaii-morning-oklch: oklch(0.729 0.159 237);
}
.element {
color: var(--hawaii-morning);
background-color: hsl(197 100% 50%);
border-color: oklch(0.729 0.159 237);
}Tailwind CSS v4
@theme {
--color-hawaii-morning: #00b4fe;
--color-hawaii-morning-50: #ccfdff;
--color-hawaii-morning-100: #b7f0ff;
--color-hawaii-morning-200: #92deff;
--color-hawaii-morning-300: #60c2ff;
--color-hawaii-morning-400: #0aaaf0;
--color-hawaii-morning-500: #0091e1;
--color-hawaii-morning-600: #007bbe;
--color-hawaii-morning-700: #006398;
--color-hawaii-morning-800: #004971;
--color-hawaii-morning-900: #00334f;
--color-hawaii-morning-950: #001e35;
}SCSS
$hawaii-morning: #00b4fe;
$hawaii-morning-rgb: 0, 180, 254;
$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);
}