Màu có tên gần nhất · #DBEFF7
#DBEFF7
Màu có tên gần nhất: On Thin Ice
#DBEFF7 (rgb(219 239 247), hsl(197 64% 91%), oklch(0.94 0.024 223.7)) gần nhất với màu có tên On Thin Ice. 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.
#DBEFF7
oklch(0.94 0.024 223.7)
Chuyển đổi màu
- HEX
- #dbeff7
- RGB
- rgb(219 239 247)
- HSL
- hsl(197 64% 91%)
- HWB
- hwb(197 86% 3%)
- OKLCH
- oklch(0.94 0.024 223.7)
- OKLab
- oklab(0.94 -0.017 -0.016)
- CIE Lab
- lab(93.14 -5.66 -6.25)
- LCH
- lch(93.14 8.43 227.8)
- CMYK
- cmyk(11% 3% 0% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DFF1F8
- E2F2F9
- E6F4F9
- E9F5FA
- EDF7FB
- F1F9FC
- F4FAFD
- F8FCFD
- FBFDFE
Sắc đậm
- BED0D7
- A2B1B7
- 879499
- 6D787C
- 545C60
- 3C4245
- 262A2C
- 111415
- 020303
Sắc xám
- D2E3EA
- C8D8DE
- BFCCD2
- B6C1C6
- ADB6BA
- A3ABAE
- 9AA0A2
- 929597
- 898B8B
Hòa sắc
Bổ túc +180°
- DBEFF7
On Thin Ice
- FAE6DF
≈ Bridesmaid
Tương đồng -30° +30°
- DBEFF7
On Thin Ice
- DAF0F0
≈ Soar
- E0ECFB
≈ Husky
Bộ ba +120° +240°
- DBEFF7
On Thin Ice
- F7E5EF
≈ Petal Poise
- EDECDA
≈ Whispering Rain
Bổ túc chia +150° +210°
- DBEFF7
On Thin Ice
- FBE5E6
≈ Rose Sugar
- F5E9DA
≈ Saltbox
Bộ bốn +90° +180° +270°
- DBEFF7
On Thin Ice
- F1E7F7
≈ Holographic Lavender
- FAE6DF
≈ Bridesmaid
- E5EFDF
≈ Chilled Mint
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.18:1 · APCA Lc 9
Ag
AAATrên nền đen
WCAG 17.70:1 · APCA Lc 95
Màu chữ tốt nhất: #000000
WCAG 17.70:1 (AAA) · APCA Lc 95
Contrast pairs
Đoạn mã
CSS
:root {
--on-thin-ice: #dbeff7;
--on-thin-ice-rgb: 219 239 247;
--on-thin-ice-oklch: oklch(0.94 0.024 223.7);
}
.element {
color: var(--on-thin-ice);
background-color: hsl(197 64% 91%);
border-color: oklch(0.94 0.024 223.7);
}Tailwind CSS v4
@theme {
--color-on-thin-ice: #dbeff7;
--color-on-thin-ice-50: #eef7fa;
--color-on-thin-ice-100: #e0eaee;
--color-on-thin-ice-200: #cad7dc;
--color-on-thin-ice-300: #abbac1;
--color-on-thin-ice-400: #90a2a9;
--color-on-thin-ice-500: #768a92;
--color-on-thin-ice-600: #64757b;
--color-on-thin-ice-700: #505d63;
--color-on-thin-ice-800: #3a4448;
--color-on-thin-ice-900: #282f32;
--color-on-thin-ice-950: #161c1e;
}SCSS
$on-thin-ice: #dbeff7;
$on-thin-ice-rgb: 219, 239, 247;
$on-thin-ice-light: mix(#fff, $on-thin-ice, 20%);
$on-thin-ice-dark: mix(#000, $on-thin-ice, 20%);
.element {
color: $on-thin-ice;
box-shadow: 0 0 0 2px rgba($on-thin-ice, 0.35);
}