En yakın adlandırılmış renk · #68DBC6
#68DBC6
En yakın adlandırılmış renk: Jazzy Jade
#68DBC6 (rgb(104 219 198), hsl(169 61% 63%), oklch(0.819 0.11 179.8)) en çok Jazzy Jade adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#68DBC6
oklch(0.819 0.11 179.8)
Renk dönüşümleri
- HEX
- #68dbc6
- RGB
- rgb(104 219 198)
- HSL
- hsl(169 61% 63%)
- HWB
- hwb(169 41% 14%)
- OKLCH
- oklch(0.819 0.11 179.8)
- OKLab
- oklab(0.819 -0.11 0)
- CIE Lab
- lab(80.34 -38.06 -0.15)
- LCH
- lch(80.34 38.07 180.2)
- CMYK
- cmyk(53% 0% 10% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7BDFCC
- 8CE3D1
- 9CE6D7
- ACEADC
- BAEEE2
- C9F1E8
- D7F5EE
- E4F8F3
- F2FCF9
Koyu tonlar
- 59BEAC
- 4BA292
- 3E877A
- 306D62
- 24544B
- 183C35
- 0C2621
- 04110E
- 000202
Gri tonlar
- 6ED2BF
- 72C8B8
- 76BFB0
- 79B6A9
- 7CADA2
- 7DA49B
- 7F9B94
- 80928E
- 808987
Renk uyumları
Tamamlayıcı +180°
- 68DBC6
Jazzy Jade
- FEA5C1
≈ Amélie’s Tutu
Analog -30° +30°
- 68DBC6
Jazzy Jade
- 8FD89E
≈ Mother of Pearl Green
- 60D7EB
≈ Electric Lemonade
Üçlü +120° +240°
- 68DBC6
Jazzy Jade
- CEB4FF
≈ Violet Heaven
- F8B379
≈ Market Melon
Bölünmüş tamamlayıcı +150° +210°
- 68DBC6
Jazzy Jade
- ECAAE6
≈ Land of Dreams
- FFAB9D
≈ Pink Rose Bud
Dörtlü +90° +180° +270°
- 68DBC6
Jazzy Jade
- ADC1FF
≈ Pastel Blue
- FEA5C1
≈ Amélie’s Tutu
- DFC16D
≈ Highlight Gold
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.67:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.53:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.53:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--jazzy-jade: #68dbc6;
--jazzy-jade-rgb: 104 219 198;
--jazzy-jade-oklch: oklch(0.819 0.11 179.8);
}
.element {
color: var(--jazzy-jade);
background-color: hsl(169 61% 63%);
border-color: oklch(0.819 0.11 179.8);
}Tailwind CSS v4
@theme {
--color-jazzy-jade: #68dbc6;
--color-jazzy-jade-50: #d4fff7;
--color-jazzy-jade-100: #c0f5ea;
--color-jazzy-jade-200: #9fe4d7;
--color-jazzy-jade-300: #73cabb;
--color-jazzy-jade-400: #45b3a1;
--color-jazzy-jade-500: #009d89;
--color-jazzy-jade-600: #008574;
--color-jazzy-jade-700: #006a5c;
--color-jazzy-jade-800: #004e42;
--color-jazzy-jade-900: #01372e;
--color-jazzy-jade-950: #00211a;
}SCSS
$jazzy-jade: #68dbc6;
$jazzy-jade-rgb: 104, 219, 198;
$jazzy-jade-light: mix(#fff, $jazzy-jade, 20%);
$jazzy-jade-dark: mix(#000, $jazzy-jade, 20%);
.element {
color: $jazzy-jade;
box-shadow: 0 0 0 2px rgba($jazzy-jade, 0.35);
}