لون مسمّى · #DEDFC9
Sip of Mint
Sip of Mint هو #DEDFC9: rgb(222 223 201)، hsl(63 26% 83%)، oklch(0.897 0.029 109.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Sip of Mint color name →
#DEDFC9
oklch(0.897 0.029 109.1)
تحويلات الألوان
- HEX
- #dedfc9
- RGB
- rgb(222 223 201)
- HSL
- hsl(63 26% 83%)
- HWB
- hwb(63 79% 13%)
- OKLCH
- oklch(0.897 0.029 109.1)
- OKLab
- oklab(0.897 -0.01 0.028)
- CIE Lab
- lab(88.3 -3.16 10.71)
- LCH
- lch(88.3 11.16 106.4)
- CMYK
- cmyk(0% 0% 10% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E1E2CE
- E5E5D4
- E8E9D9
- EBECDE
- EEEFE4
- F2F2E9
- F5F5EF
- F8F9F4
- FCFCFA
درجات داكنة
- C1C2AE
- A5A595
- 898A7C
- 6F6F64
- 55564C
- 3D3D36
- 262722
- 12120F
- 020202
درجات رمادية
- D4D5C1
- CACBBA
- C1C2B3
- B7B8AB
- AEAEA4
- A4A59D
- 9B9B95
- 92928E
- 898987
تناسق الألوان
متمم +180°
- DEDFC9
Sip of Mint
- DCDAF0
≈ Chinese Silver
متجاور -30° +30°
- DEDFC9
Sip of Mint
- E8DBC8
≈ Serengeti Dust
- D3E2D0
≈ Sweet Mint Tea
ثلاثي +120° +240°
- DEDFC9
Sip of Mint
- CAE1ED
≈ Atlantic Breeze
- EDD6E0
≈ Lighthearted Pink
متمم منقسم +150° +210°
- DEDFC9
Sip of Mint
- D2DEF1
≈ Puffy Cloud
- E6D7EA
≈ Pale Grey Magenta
رباعي +90° +180° +270°
- DEDFC9
Sip of Mint
- C8E3E4
≈ Babymoon Blue
- DCDAF0
≈ Chinese Silver
- F0D6D5
≈ Light Petite Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.35:1 · APCA Lc 17
Ag
AAAعلى الأسود
WCAG 15.50:1 · APCA Lc 86
أفضل لون للنص: #000000
WCAG 15.50:1 (AAA) · APCA Lc 86
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sip-of-mint: #dedfc9;
--sip-of-mint-rgb: 222 223 201;
--sip-of-mint-oklch: oklch(0.897 0.029 109.1);
}
.element {
color: var(--sip-of-mint);
background-color: hsl(63 26% 83%);
border-color: oklch(0.897 0.029 109.1);
}Tailwind CSS v4
@theme {
--color-sip-of-mint: #dedfc9;
--color-sip-of-mint-50: #f5f6ed;
--color-sip-of-mint-100: #e8e9de;
--color-sip-of-mint-200: #d4d6c8;
--color-sip-of-mint-300: #b8b9a8;
--color-sip-of-mint-400: #9fa08c;
--color-sip-of-mint-500: #878872;
--color-sip-of-mint-600: #727361;
--color-sip-of-mint-700: #5c5c4d;
--color-sip-of-mint-800: #434338;
--color-sip-of-mint-900: #2e2e26;
--color-sip-of-mint-950: #1b1b14;
}SCSS
$sip-of-mint: #dedfc9;
$sip-of-mint-rgb: 222, 223, 201;
$sip-of-mint-light: mix(#fff, $sip-of-mint, 20%);
$sip-of-mint-dark: mix(#000, $sip-of-mint, 20%);
.element {
color: $sip-of-mint;
box-shadow: 0 0 0 2px rgba($sip-of-mint, 0.35);
}