Adlandırılmış renk · #99EEAA
Mint Tonic
Mint Tonic, #99EEAA: rgb(153 238 170), hsl(132 71% 77%), oklch(0.877 0.125 149.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Mint Tonic color name →
#99EEAA
oklch(0.877 0.125 149.6)
Renk dönüşümleri
- HEX
- #99eeaa
- RGB
- rgb(153 238 170)
- HSL
- hsl(132 71% 77%)
- HWB
- hwb(132 60% 7%)
- OKLCH
- oklch(0.877 0.125 149.6)
- OKLab
- oklab(0.877 -0.108 0.063)
- CIE Lab
- lab(87.4 -37.21 24.57)
- LCH
- lch(87.4 44.59 146.6)
- CMYK
- cmyk(36% 0% 29% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A4F0B3
- AFF2BB
- BAF4C4
- C4F5CC
- CEF7D5
- D8F9DD
- E2FBE6
- ECFCEE
- F5FEF7
Koyu tonlar
- 84CF93
- 70B17D
- 5D9368
- 4A7753
- 385C3F
- 27422D
- 172A1B
- 08140B
- 010301
Gri tonlar
- 97E3A6
- 96D7A2
- 94CC9E
- 91C19A
- 8FB696
- 8CAB91
- 8AA08D
- 879589
- 838B84
Renk uyumları
Tamamlayıcı +180°
- 99EEAA
Mint Tonic
- FFBDF9
≈ Distilled Rose
Analog -30° +30°
- 99EEAA
Mint Tonic
- CDE382
≈ Refreshed
- 68F2D9
≈ Tiffany Blue
Üçlü +120° +240°
- 99EEAA
Mint Tonic
- C7D6FF
≈ Pale Phthalo Blue
- FFC7BE
≈ The Bluff
Bölünmüş tamamlayıcı +150° +210°
- 99EEAA
Mint Tonic
- DDCDFF
≈ Pale Lavender
- FFC4D5
≈ Sweet Serenade
Dörtlü +90° +180° +270°
- 99EEAA
Mint Tonic
- AFDEFF
≈ Droplet
- FFBDF9
≈ Distilled Rose
- FFCBA2
≈ Phenomenal Peach
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.38:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.16:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.16:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--mint-tonic: #99eeaa;
--mint-tonic-rgb: 153 238 170;
--mint-tonic-oklch: oklch(0.877 0.125 149.6);
}
.element {
color: var(--mint-tonic);
background-color: hsl(132 71% 77%);
border-color: oklch(0.877 0.125 149.6);
}Tailwind CSS v4
@theme {
--color-mint-tonic: #99eeaa;
--color-mint-tonic-50: #dcffe4;
--color-mint-tonic-100: #caf5d3;
--color-mint-tonic-200: #ade4ba;
--color-mint-tonic-300: #86ca97;
--color-mint-tonic-400: #64b376;
--color-mint-tonic-500: #3c9d57;
--color-mint-tonic-600: #35844a;
--color-mint-tonic-700: #2a6a3b;
--color-mint-tonic-800: #1f4e28;
--color-mint-tonic-900: #15361b;
--color-mint-tonic-950: #06210b;
}SCSS
$mint-tonic: #99eeaa;
$mint-tonic-rgb: 153, 238, 170;
$mint-tonic-light: mix(#fff, $mint-tonic, 20%);
$mint-tonic-dark: mix(#000, $mint-tonic, 20%);
.element {
color: $mint-tonic;
box-shadow: 0 0 0 2px rgba($mint-tonic, 0.35);
}