Adlandırılmış renk · #DEDFC9
Sip of Mint
Sip of Mint, #DEDFC9: rgb(222 223 201), hsl(63 26% 83%), oklch(0.897 0.029 109.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Sip of Mint color name →
#DEDFC9
oklch(0.897 0.029 109.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1E2CE
- E5E5D4
- E8E9D9
- EBECDE
- EEEFE4
- F2F2E9
- F5F5EF
- F8F9F4
- FCFCFA
Koyu tonlar
- C1C2AE
- A5A595
- 898A7C
- 6F6F64
- 55564C
- 3D3D36
- 262722
- 12120F
- 020202
Gri tonlar
- D4D5C1
- CACBBA
- C1C2B3
- B7B8AB
- AEAEA4
- A4A59D
- 9B9B95
- 92928E
- 898987
Renk uyumları
Tamamlayıcı +180°
- DEDFC9
Sip of Mint
- DCDAF0
≈ Chinese Silver
Analog -30° +30°
- DEDFC9
Sip of Mint
- E8DBC8
≈ Serengeti Dust
- D3E2D0
≈ Sweet Mint Tea
Üçlü +120° +240°
- DEDFC9
Sip of Mint
- CAE1ED
≈ Atlantic Breeze
- EDD6E0
≈ Lighthearted Pink
Bölünmüş tamamlayıcı +150° +210°
- DEDFC9
Sip of Mint
- D2DEF1
≈ Puffy Cloud
- E6D7EA
≈ Pale Grey Magenta
Dörtlü +90° +180° +270°
- DEDFC9
Sip of Mint
- C8E3E4
≈ Babymoon Blue
- DCDAF0
≈ Chinese Silver
- F0D6D5
≈ Light Petite Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.35:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.50:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.50:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
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);
}