Màu có tên gần nhất · #DDF8F8
#DDF8F8
Màu có tên gần nhất: Bubbles
#DDF8F8 (rgb(221 248 248), hsl(180 66% 92%), oklch(0.96 0.028 196.7)) 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.
#DDF8F8
oklch(0.96 0.028 196.7)
Chuyển đổi màu
- HEX
- #ddf8f8
- RGB
- rgb(221 248 248)
- HSL
- hsl(180 66% 92%)
- HWB
- hwb(180 87% 3%)
- OKLCH
- oklch(0.96 0.028 196.7)
- OKLab
- oklab(0.96 -0.027 -0.008)
- CIE Lab
- lab(95.61 -9.09 -3.14)
- LCH
- lch(95.61 9.62 199.1)
- CMYK
- cmyk(11% 0% 0% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E0F9F9
- E4F9F9
- E7FAFA
- EBFBFB
- EEFCFC
- F2FCFC
- F5FDFD
- F8FEFE
- FCFEFE
Sắc đậm
- C0D8D8
- A4B8B8
- 889A9A
- 6E7C7C
- 556060
- 3D4545
- 262C2C
- 111515
- 020303
Sắc xám
- D3EBEB
- CADFDF
- C0D3D3
- B7C6C6
- AEBABA
- A4AEAE
- 9BA2A2
- 929797
- 898B8B
Hòa sắc
Bổ túc +180°
- DDF8F8
Bubbles
- FFEDED
≈ White Gloss
Tương đồng -30° +30°
- DDF8F8
Bubbles
- E1F8EE
≈ Frosty Mint
- E1F6FF
≈ Glacial Day
Bộ ba +120° +240°
- DDF8F8
Bubbles
- FAECFF
≈ Placebo Fuchsia
- FDF0DD
≈ White Grapefruit
Bổ túc chia +150° +210°
- DDF8F8
Bubbles
- FFEBF5
≈ Fairy Wings
- FFEEE6
≈ Peach Breeze
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 1.11:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.85:1 · APCA Lc 100
Màu chữ tốt nhất: #000000
WCAG 18.85:1 (AAA) · APCA Lc 100
Contrast pairs
Đoạn mã
CSS
:root {
--bubbles: #ddf8f8;
--bubbles-rgb: 221 248 248;
--bubbles-oklch: oklch(0.96 0.028 196.7);
}
.element {
color: var(--bubbles);
background-color: hsl(180 66% 92%);
border-color: oklch(0.96 0.028 196.7);
}Tailwind CSS v4
@theme {
--color-bubbles: #ddf8f8;
--color-bubbles-50: #ecf8f8;
--color-bubbles-100: #deebeb;
--color-bubbles-200: #c7d8d9;
--color-bubbles-300: #a8bcbd;
--color-bubbles-400: #8ca4a4;
--color-bubbles-500: #718c8c;
--color-bubbles-600: #607777;
--color-bubbles-700: #4c5f5f;
--color-bubbles-800: #374645;
--color-bubbles-900: #263030;
--color-bubbles-950: #141c1c;
}SCSS
$bubbles: #ddf8f8;
$bubbles-rgb: 221, 248, 248;
$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);
}