Adlandırılmış renk · #78B185
Frosted Emerald
Frosted Emerald, #78B185: rgb(120 177 133), hsl(134 27% 58%), oklch(0.709 0.088 150.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Frosted Emerald color name →
#78B185
oklch(0.709 0.088 150.8)
Renk dönüşümleri
- HEX
- #78b185
- RGB
- rgb(120 177 133)
- HSL
- hsl(134 27% 58%)
- HWB
- hwb(134 47% 31%)
- OKLCH
- oklch(0.709 0.088 150.8)
- OKLab
- oklab(0.709 -0.076 0.043)
- CIE Lab
- lab(67.37 -26.36 16.43)
- LCH
- lch(67.37 31.06 148.1)
- CMYK
- cmyk(32% 0% 25% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 86B991
- 93C19D
- A1C8A9
- AED0B5
- BBD8C1
- C9E0CD
- D6E7D9
- E4EFE6
- F1F7F2
Koyu tonlar
- 679973
- 578361
- 486C50
- 395740
- 2A4230
- 1D2F21
- 101C13
- 050C06
- 010101
Gri tonlar
- 79AC85
- 7BA784
- 7CA284
- 7D9D83
- 7E9983
- 7E9482
- 7F8F82
- 7F8A81
- 808581
Renk uyumları
Tamamlayıcı +180°
- 78B185
Frosted Emerald
- C18DBB
≈ Rock Star Pink
Analog -30° +30°
- 78B185
Frosted Emerald
- 99AA6B
≈ Whirled Peas
- 5CB3A4
≈ Artesian Well
Üçlü +120° +240°
- 78B185
Frosted Emerald
- 8D9ED8
≈ Azureno
- D28D80
≈ My Pink
Bölünmüş tamamlayıcı +150° +210°
- 78B185
Frosted Emerald
- AA95D0
≈ Gorgeous Hydrangea
- CF8A9E
≈ Orchid Smoke
Dörtlü +90° +180° +270°
- 78B185
Frosted Emerald
- 6DA8D3
≈ Chronus Blue
- C18DBB
≈ Rock Star Pink
- C99468
≈ Santa Fe Sunrise
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.49:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.42:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.42:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--frosted-emerald: #78b185;
--frosted-emerald-rgb: 120 177 133;
--frosted-emerald-oklch: oklch(0.709 0.088 150.8);
}
.element {
color: var(--frosted-emerald);
background-color: hsl(134 27% 58%);
border-color: oklch(0.709 0.088 150.8);
}Tailwind CSS v4
@theme {
--color-frosted-emerald: #78b185;
--color-frosted-emerald-50: #e3fde9;
--color-frosted-emerald-100: #d3f1da;
--color-frosted-emerald-200: #b9e0c3;
--color-frosted-emerald-300: #96c5a2;
--color-frosted-emerald-400: #78ad84;
--color-frosted-emerald-500: #589768;
--color-frosted-emerald-600: #4b7f58;
--color-frosted-emerald-700: #3c6646;
--color-frosted-emerald-800: #2c4b31;
--color-frosted-emerald-900: #1e3421;
--color-frosted-emerald-950: #0d1f11;
}SCSS
$frosted-emerald: #78b185;
$frosted-emerald-rgb: 120, 177, 133;
$frosted-emerald-light: mix(#fff, $frosted-emerald, 20%);
$frosted-emerald-dark: mix(#000, $frosted-emerald, 20%);
.element {
color: $frosted-emerald;
box-shadow: 0 0 0 2px rgba($frosted-emerald, 0.35);
}