Màu có tên gần nhất · #63B6E5
#63B6E5
Màu có tên gần nhất: Malibu
#63B6E5 (rgb(99 182 229), hsl(202 71% 64%), oklch(0.742 0.106 235.5)) gần nhất với màu có tên Malibu. 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.
#63B6E5
oklch(0.742 0.106 235.5)
Chuyển đổi màu
- HEX
- #63b6e5
- RGB
- rgb(99 182 229)
- HSL
- hsl(202 71% 64%)
- HWB
- hwb(202 39% 10%)
- OKLCH
- oklch(0.742 0.106 235.5)
- OKLab
- oklab(0.742 -0.06 -0.087)
- CIE Lab
- lab(70.22 -16.1 -31.86)
- LCH
- lch(70.22 35.7 243.2)
- CMYK
- cmyk(57% 21% 0% 10%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 75BDE8
- 85C5EB
- 95CCEE
- A5D4F0
- B4DBF3
- C3E2F6
- D2E9F8
- E1F1FA
- F0F8FD
Sắc đậm
- 559EC7
- 4786AA
- 3A6F8E
- 2E5972
- 214458
- 16303F
- 0B1D28
- 030C12
- 000203
Sắc xám
- 68B1DB
- 6CABD0
- 70A6C6
- 73A1BC
- 769BB2
- 7996A8
- 7B909E
- 7D8B94
- 7F868A
Hòa sắc
Bổ túc +180°
- 63B6E5
Malibu
- DF9968
≈ Brown Yellow
Tương đồng -30° +30°
- 63B6E5
Malibu
- 48BFCC
≈ Water Sports
- 8BAAEF
≈ Kitten’s Eye
Bộ ba +120° +240°
- 63B6E5
Malibu
- E18FAE
≈ Pomelo Red
- A9B463
≈ Cornstalk
Bổ túc chia +150° +210°
- 63B6E5
Malibu
- E79189
≈ Strawberry Memory
- CAA658
≈ Excitable
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.24:1 · APCA Lc 44
Ag
AAATrên nền đen
WCAG 9.35:1 · APCA Lc 58
Màu chữ tốt nhất: #000000
WCAG 9.35:1 (AAA) · APCA Lc 58
Contrast pairs
Đoạn mã
CSS
:root {
--malibu: #63b6e5;
--malibu-rgb: 99 182 229;
--malibu-oklch: oklch(0.742 0.106 235.5);
}
.element {
color: var(--malibu);
background-color: hsl(202 71% 64%);
border-color: oklch(0.742 0.106 235.5);
}Tailwind CSS v4
@theme {
--color-malibu: #63b6e5;
--color-malibu-50: #dafaff;
--color-malibu-100: #c8eeff;
--color-malibu-200: #aadcfc;
--color-malibu-300: #82c0e7;
--color-malibu-400: #5aa8d4;
--color-malibu-500: #2d90c2;
--color-malibu-600: #287aa4;
--color-malibu-700: #206284;
--color-malibu-800: #134861;
--color-malibu-900: #0c3244;
--color-malibu-950: #011e2c;
}SCSS
$malibu: #63b6e5;
$malibu-rgb: 99, 182, 229;
$malibu-light: mix(#fff, $malibu, 20%);
$malibu-dark: mix(#000, $malibu, 20%);
.element {
color: $malibu;
box-shadow: 0 0 0 2px rgba($malibu, 0.35);
}