Màu có tên gần nhất · #E5FDFE
#E5FDFE
Màu có tên gần nhất: Bubbles
#E5FDFE (rgb(229 253 254), hsl(182 93% 95%), oklch(0.977 0.025 199.8)) gần nhất với màu có tên Bubbles. 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.
#E5FDFE
oklch(0.977 0.025 199.8)
Chuyển đổi màu
- HEX
- #e5fdfe
- RGB
- rgb(229 253 254)
- HSL
- hsl(182 93% 95%)
- HWB
- hwb(182 90% 0%)
- OKLCH
- oklch(0.977 0.025 199.8)
- OKLab
- oklab(0.977 -0.024 -0.008)
- CIE Lab
- lab(97.57 -7.93 -3.28)
- LCH
- lch(97.57 8.58 202.5)
- CMYK
- cmyk(10% 0% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E8FDFE
- EAFDFE
- EDFEFE
- F0FEFE
- F2FEFF
- F5FEFF
- F7FEFF
- FAFFFF
- FCFFFF
Sắc đậm
- C7DCDD
- AABCBD
- 8E9D9E
- 727F80
- 586263
- 3F4747
- 282D2D
- 121616
- 030303
Sắc xám
- DAF0F1
- D0E3E4
- C6D6D7
- BBC9CA
- B1BDBD
- A7B0B0
- 9DA4A4
- 939898
- 8A8C8C
Hòa sắc
Bổ túc +180°
- E5FDFE
Bubbles
- FFF5F4
≈ Coy
Tương đồng -30° +30°
- E5FDFE
Bubbles
- E8FDF5
≈ Placebo Turquoise
- EFF9FF
≈ Alice Blue
Bộ ba +120° +240°
- E5FDFE
Bubbles
- FDF4FF
≈ Sugar Crystal
- FFF6E8
≈ Apricot Ice
Bổ túc chia +150° +210°
- E5FDFE
Bubbles
- FFF4F9
≈ Sea Salt Sherbet
- FFF5F0
≈ Seashell
Bộ bốn +90° +180° +270°
- E5FDFE
Bubbles
- F7F6FF
≈ Sugar Crystal
- FFF5F4
≈ Coy
- F8F9E6
≈ Soft Silver
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.05:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 19.81:1 · APCA Lc 103
Màu chữ tốt nhất: #000000
WCAG 19.81:1 (AAA) · APCA Lc 103
Contrast pairs
Đoạn mã
CSS
:root {
--bubbles: #e5fdfe;
--bubbles-rgb: 229 253 254;
--bubbles-oklch: oklch(0.977 0.025 199.8);
}
.element {
color: var(--bubbles);
background-color: hsl(182 93% 95%);
border-color: oklch(0.977 0.025 199.8);
}Tailwind CSS v4
@theme {
--color-bubbles: #e5fdfe;
--color-bubbles-50: #edf7f8;
--color-bubbles-100: #dfeaeb;
--color-bubbles-200: #c9d8d9;
--color-bubbles-300: #a9bbbd;
--color-bubbles-400: #8ea3a4;
--color-bubbles-500: #738c8d;
--color-bubbles-600: #627677;
--color-bubbles-700: #4e5e5f;
--color-bubbles-800: #394545;
--color-bubbles-900: #273030;
--color-bubbles-950: #151c1c;
}SCSS
$bubbles: #e5fdfe;
$bubbles-rgb: 229, 253, 254;
$bubbles-light: mix(#fff, $bubbles, 20%);
$bubbles-dark: mix(#000, $bubbles, 20%);
.element {
color: $bubbles;
box-shadow: 0 0 0 2px rgba($bubbles, 0.35);
}