Màu có tên · #DDE6D7
Lime Daiquiri
Lime Daiquiri là #DDE6D7: rgb(221 230 215), hsl(96 23% 87%), oklch(0.914 0.022 132.5). 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.
What does Gray mean? → · Lime Daiquiri color name →
#DDE6D7
oklch(0.914 0.022 132.5)
Chuyển đổi màu
- HEX
- #dde6d7
- RGB
- rgb(221 230 215)
- HSL
- hsl(96 23% 87%)
- HWB
- hwb(96 84% 10%)
- OKLCH
- oklch(0.914 0.022 132.5)
- OKLab
- oklab(0.914 -0.015 0.016)
- CIE Lab
- lab(90.29 -5.12 6.24)
- LCH
- lch(90.29 8.07 129.4)
- CMYK
- cmyk(4% 0% 7% 10%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E0E8DB
- E4EBDF
- E7EDE3
- EBF0E7
- EEF2EB
- F1F5EF
- F5F7F3
- F8FAF7
- FCFCFB
Sắc đậm
- C0C8BB
- A4AB9F
- 888E85
- 6E736B
- 555952
- 3D403B
- 262825
- 111311
- 020302
Sắc xám
- D3DBCE
- CAD1C5
- C0C6BC
- B7BCB3
- ADB2AB
- A4A7A2
- 9B9D99
- 929491
- 898A88
Hòa sắc
Bổ túc +180°
- DDE6D7
Lime Daiquiri
- E8DFEE
≈ Pink Champagne
Tương đồng -30° +30°
- DDE6D7
Lime Daiquiri
- E5E3D3
≈ Artifice
- D6E8DE
≈ Lit’l Buoy Blew
Bộ ba +120° +240°
- DDE6D7
Lime Daiquiri
- D8E4F1
≈ Snowdrift Glow
- F1DDDE
≈ Diminutive Pink
Bổ túc chia +150° +210°
- DDE6D7
Lime Daiquiri
- E0E1F1
≈ Imagination
- EEDDE7
≈ Antarctic Love
Bộ bốn +90° +180° +270°
- DDE6D7
Lime Daiquiri
- D4E6ED
≈ Ocean Breeze
- E8DFEE
≈ Pink Champagne
- F0DED7
≈ Apricot Foam
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.28:1 · APCA Lc 14
Ag
AAATrên nền đen
WCAG 16.37:1 · APCA Lc 90
Màu chữ tốt nhất: #000000
WCAG 16.37:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
CSS
:root {
--lime-daiquiri: #dde6d7;
--lime-daiquiri-rgb: 221 230 215;
--lime-daiquiri-oklch: oklch(0.914 0.022 132.5);
}
.element {
color: var(--lime-daiquiri);
background-color: hsl(96 23% 87%);
border-color: oklch(0.914 0.022 132.5);
}Tailwind CSS v4
@theme {
--color-lime-daiquiri: #dde6d7;
--color-lime-daiquiri-50: #f2f7f0;
--color-lime-daiquiri-100: #e5eae2;
--color-lime-daiquiri-200: #d0d6cd;
--color-lime-daiquiri-300: #b3baaf;
--color-lime-daiquiri-400: #99a194;
--color-lime-daiquiri-500: #818a7b;
--color-lime-daiquiri-600: #6d7468;
--color-lime-daiquiri-700: #575d53;
--color-lime-daiquiri-800: #40443c;
--color-lime-daiquiri-900: #2c2f29;
--color-lime-daiquiri-950: #191c17;
}SCSS
$lime-daiquiri: #dde6d7;
$lime-daiquiri-rgb: 221, 230, 215;
$lime-daiquiri-light: mix(#fff, $lime-daiquiri, 20%);
$lime-daiquiri-dark: mix(#000, $lime-daiquiri, 20%);
.element {
color: $lime-daiquiri;
box-shadow: 0 0 0 2px rgba($lime-daiquiri, 0.35);
}