Adlandırılmış renk · #C6EADD
Mint Tulip
Mint Tulip, #C6EADD: rgb(198 234 221), hsl(158 46% 85%), oklch(0.908 0.042 171.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Mint Tulip color name →
#C6EADD
oklch(0.908 0.042 171.5)
Renk dönüşümleri
- HEX
- #c6eadd
- RGB
- rgb(198 234 221)
- HSL
- hsl(158 46% 85%)
- HWB
- hwb(158 78% 8%)
- OKLCH
- oklch(0.908 0.042 171.5)
- OKLab
- oklab(0.908 -0.041 0.006)
- CIE Lab
- lab(89.83 -14.05 2.21)
- LCH
- lch(89.83 14.22 171.1)
- CMYK
- cmyk(15% 0% 6% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CCECE0
- D2EEE4
- D7F0E7
- DDF2EA
- E3F5EE
- E8F7F1
- EEF9F5
- F4FBF8
- F9FDFC
Koyu tonlar
- ACCBC0
- 92AEA4
- 7A9188
- 62756E
- 4B5A55
- 35413D
- 212926
- 0E1311
- 020302
Gri tonlar
- BFDFD3
- B8D4CA
- B1C9C0
- AABEB7
- A3B4AD
- 9CA9A4
- 959F9B
- 8E9492
- 878A89
Renk uyumları
Tamamlayıcı +180°
- C6EADD
Mint Tulip
- F8D6E4
≈ Sunset Pink
Analog -30° +30°
- C6EADD
Mint Tulip
- D2E8CE
≈ Butter Lettuce
- C1E9EC
≈ Light Opale
Üçlü +120° +240°
- C6EADD
Mint Tulip
- E0DCFB
≈ Transparent Blue
- F8D9C8
≈ Peach Sachet
Bölünmüş tamamlayıcı +150° +210°
- C6EADD
Mint Tulip
- EED8F1
≈ Scented Spring
- FBD6D4
≈ Just a Tease
Dörtlü +90° +180° +270°
- C6EADD
Mint Tulip
- D1E1FD
≈ Arc Light
- F8D6E4
≈ Sunset Pink
- EFDEC2
≈ Kabuki Clay
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.29:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.21:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.21:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--mint-tulip: #c6eadd;
--mint-tulip-rgb: 198 234 221;
--mint-tulip-oklch: oklch(0.908 0.042 171.5);
}
.element {
color: var(--mint-tulip);
background-color: hsl(158 46% 85%);
border-color: oklch(0.908 0.042 171.5);
}Tailwind CSS v4
@theme {
--color-mint-tulip: #c6eadd;
--color-mint-tulip-50: #eaf9f4;
--color-mint-tulip-100: #dbede7;
--color-mint-tulip-200: #c3dad3;
--color-mint-tulip-300: #a3bfb5;
--color-mint-tulip-400: #86a79b;
--color-mint-tulip-500: #6a8f83;
--color-mint-tulip-600: #5a796f;
--color-mint-tulip-700: #486158;
--color-mint-tulip-800: #344740;
--color-mint-tulip-900: #24312c;
--color-mint-tulip-950: #121d19;
}SCSS
$mint-tulip: #c6eadd;
$mint-tulip-rgb: 198, 234, 221;
$mint-tulip-light: mix(#fff, $mint-tulip, 20%);
$mint-tulip-dark: mix(#000, $mint-tulip, 20%);
.element {
color: $mint-tulip;
box-shadow: 0 0 0 2px rgba($mint-tulip, 0.35);
}