Adlandırılmış renk · #79D0A7
Crystal Gem
Crystal Gem, #79D0A7: rgb(121 208 167), hsl(152 48% 65%), oklch(0.791 0.104 162.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Crystal Gem color name →
#79D0A7
oklch(0.791 0.104 162.3)
Renk dönüşümleri
- HEX
- #79d0a7
- RGB
- rgb(121 208 167)
- HSL
- hsl(152 48% 65%)
- HWB
- hwb(152 47% 18%)
- OKLCH
- oklch(0.791 0.104 162.3)
- OKLab
- oklab(0.791 -0.099 0.031)
- CIE Lab
- lab(77.17 -34.51 11.83)
- LCH
- lch(77.17 36.48 161.1)
- CMYK
- cmyk(42% 0% 20% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 88D5B0
- 96DAB8
- A4DEC1
- B2E3CA
- BFE8D2
- CCEDDB
- D9F1E4
- E6F6ED
- F2FAF6
Koyu tonlar
- 68B591
- 589A7B
- 488066
- 396752
- 2B4F3E
- 1D392C
- 10231A
- 05100A
- 010201
Gri tonlar
- 7BC8A3
- 7DC09F
- 7FB89B
- 80B097
- 80A893
- 81A090
- 81988C
- 819088
- 818884
Renk uyumları
Tamamlayıcı +180°
- 79D0A7
Crystal Gem
- EAA0CD
≈ Violet Kiss
Analog -30° +30°
- 79D0A7
Crystal Gem
- A2C983
≈ Whipped Pistachio
- 5ED0CC
≈ Petrichor
Üçlü +120° +240°
- 79D0A7
Crystal Gem
- B0B3FC
≈ Winterspring Lilac
- F4A586
≈ Creamy Peach
Bölünmüş tamamlayıcı +150° +210°
- 79D0A7
Crystal Gem
- D2A8EB
≈ Petal Plush
- F69FA9
≈ Sweet 60
Dörtlü +90° +180° +270°
- 79D0A7
Crystal Gem
- 8ABFFC
≈ Scenic Water
- EAA0CD
≈ Violet Kiss
- E4B06D
≈ Mac N Cheese
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.84:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.39:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.39:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--crystal-gem: #79d0a7;
--crystal-gem-rgb: 121 208 167;
--crystal-gem-oklch: oklch(0.791 0.104 162.3);
}
.element {
color: var(--crystal-gem);
background-color: hsl(152 48% 65%);
border-color: oklch(0.791 0.104 162.3);
}Tailwind CSS v4
@theme {
--color-crystal-gem: #79d0a7;
--color-crystal-gem-50: #dbffed;
--color-crystal-gem-100: #c9f3df;
--color-crystal-gem-200: #abe3c9;
--color-crystal-gem-300: #84c9aa;
--color-crystal-gem-400: #60b28c;
--color-crystal-gem-500: #359b71;
--color-crystal-gem-600: #2f8360;
--color-crystal-gem-700: #25694d;
--color-crystal-gem-800: #1b4d36;
--color-crystal-gem-900: #123625;
--color-crystal-gem-950: #042113;
}SCSS
$crystal-gem: #79d0a7;
$crystal-gem-rgb: 121, 208, 167;
$crystal-gem-light: mix(#fff, $crystal-gem, 20%);
$crystal-gem-dark: mix(#000, $crystal-gem, 20%);
.element {
color: $crystal-gem;
box-shadow: 0 0 0 2px rgba($crystal-gem, 0.35);
}