Adlandırılmış renk · #E6FDF1
Mint Chiffon
Mint Chiffon, #E6FDF1: rgb(230 253 241), hsl(149 85% 95%), oklch(0.974 0.029 163.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Mint Chiffon color name →
#E6FDF1
oklch(0.974 0.029 163.3)
Renk dönüşümleri
- HEX
- #e6fdf1
- RGB
- rgb(230 253 241)
- HSL
- hsl(149 85% 95%)
- HWB
- hwb(149 90% 1%)
- OKLCH
- oklch(0.974 0.029 163.3)
- OKLab
- oklab(0.974 -0.028 0.008)
- CIE Lab
- lab(97.37 -9.41 3.07)
- LCH
- lch(97.37 9.89 161.9)
- CMYK
- cmyk(9% 0% 5% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E9FDF2
- EBFDF4
- EEFEF5
- F0FEF7
- F3FEF8
- F5FEF9
- F8FEFB
- FAFFFC
- FDFFFE
Koyu tonlar
- C8DCD2
- ABBCB3
- 8E9D95
- 737F79
- 59625D
- 404743
- 282D2B
- 131614
- 030303
Gri tonlar
- DBF0E5
- D1E3D9
- C6D6CE
- BCC9C2
- B2BDB7
- A8B0AC
- 9EA4A1
- 949896
- 8A8C8B
Renk uyumları
Tamamlayıcı +180°
- E6FDF1
Mint Chiffon
- FFF2F9
≈ Pinkish White
Analog -30° +30°
- E6FDF1
Mint Chiffon
- EFFBE7
≈ Crème de Menthe
- E1FDFC
≈ Matterhorn Snow
Üçlü +120° +240°
- E6FDF1
Mint Chiffon
- F5F6FF
≈ Mā White
- FFF4EF
≈ Seashell
Bölünmüş tamamlayıcı +150° +210°
- E6FDF1
Mint Chiffon
- FBF3FF
≈ Sugar Crystal
- FFF3F4
≈ Glimpse of Pink
Dörtlü +90° +180° +270°
- E6FDF1
Mint Chiffon
- F1F7FF
≈ Alice Blue
- FFF2F9
≈ Pinkish White
- FFF5E8
≈ Soft Pillow
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.06:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.68:1 · APCA Lc 103
En iyi metin rengi: #000000
WCAG 19.68:1 (AAA) · APCA Lc 103
Contrast pairs
Kod parçacıkları
CSS
:root {
--mint-chiffon: #e6fdf1;
--mint-chiffon-rgb: 230 253 241;
--mint-chiffon-oklch: oklch(0.974 0.029 163.3);
}
.element {
color: var(--mint-chiffon);
background-color: hsl(149 85% 95%);
border-color: oklch(0.974 0.029 163.3);
}Tailwind CSS v4
@theme {
--color-mint-chiffon: #e6fdf1;
--color-mint-chiffon-50: #eef8f3;
--color-mint-chiffon-100: #e0ebe5;
--color-mint-chiffon-200: #cad8d1;
--color-mint-chiffon-300: #abbcb4;
--color-mint-chiffon-400: #90a49a;
--color-mint-chiffon-500: #758c81;
--color-mint-chiffon-600: #64776d;
--color-mint-chiffon-700: #505f57;
--color-mint-chiffon-800: #3a463f;
--color-mint-chiffon-900: #28302b;
--color-mint-chiffon-950: #161c19;
}SCSS
$mint-chiffon: #e6fdf1;
$mint-chiffon-rgb: 230, 253, 241;
$mint-chiffon-light: mix(#fff, $mint-chiffon, 20%);
$mint-chiffon-dark: mix(#000, $mint-chiffon, 20%);
.element {
color: $mint-chiffon;
box-shadow: 0 0 0 2px rgba($mint-chiffon, 0.35);
}