En yakın adlandırılmış renk · #57DACA
#57DACA
En yakın adlandırılmış renk: Jazzy Jade
#57DACA (rgb(87 218 202), hsl(173 64% 60%), oklch(0.812 0.117 184.1)) 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.
#57DACA
oklch(0.812 0.117 184.1)
Renk dönüşümleri
- HEX
- #57daca
- RGB
- rgb(87 218 202)
- HSL
- hsl(173 64% 60%)
- HWB
- hwb(173 34% 15%)
- OKLCH
- oklch(0.812 0.117 184.1)
- OKLab
- oklab(0.812 -0.117 -0.008)
- CIE Lab
- lab(79.59 -40.36 -3.43)
- LCH
- lch(79.59 40.5 184.9)
- CMYK
- cmyk(60% 0% 7% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6EDECF
- 82E2D4
- 94E6DA
- A5EADF
- B5EDE4
- C5F1EA
- D4F5EF
- E2F8F4
- F1FCFA
Koyu tonlar
- 4BBDAF
- 3EA295
- 33877C
- 276C64
- 1C544D
- 123C37
- 082522
- 03110F
- 000202
Gri tonlar
- 60D1C2
- 68C8BB
- 6EBFB3
- 72B6AC
- 76ADA4
- 79A49D
- 7C9B96
- 7E928E
- 7F8987
Renk uyumları
Tamamlayıcı +180°
- 57DACA
Jazzy Jade
- FFA2B9
≈ Amélie’s Tutu
Analog -30° +30°
- 57DACA
Jazzy Jade
- 82D89F
≈ Enchanted Emerald
- 55D5F0
≈ Electric Lemonade
Üçlü +120° +240°
- 57DACA
Jazzy Jade
- D2AEFF
≈ Teasel Dipsacus
- F6B16E
≈ Jambalaya
Bölünmüş tamamlayıcı +150° +210°
- 57DACA
Jazzy Jade
- F0A5E1
≈ Candy Floss
- FFA893
≈ Frozen Salmon
Dörtlü +90° +180° +270°
- 57DACA
Jazzy Jade
- AEBDFF
≈ Pastel Blue
- FFA2B9
≈ Amélie’s Tutu
- DAC063
≈ Crusade King
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.70:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.28:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.28:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--jazzy-jade: #57daca;
--jazzy-jade-rgb: 87 218 202;
--jazzy-jade-oklch: oklch(0.812 0.117 184.1);
}
.element {
color: var(--jazzy-jade);
background-color: hsl(173 64% 60%);
border-color: oklch(0.812 0.117 184.1);
}Tailwind CSS v4
@theme {
--color-jazzy-jade: #57daca;
--color-jazzy-jade-50: #d1fffa;
--color-jazzy-jade-100: #bcf5ee;
--color-jazzy-jade-200: #99e5dc;
--color-jazzy-jade-300: #6acbc0;
--color-jazzy-jade-400: #34b5a6;
--color-jazzy-jade-500: #009e8f;
--color-jazzy-jade-600: #008679;
--color-jazzy-jade-700: #006b61;
--color-jazzy-jade-800: #004f45;
--color-jazzy-jade-900: #003730;
--color-jazzy-jade-950: #00221c;
}SCSS
$jazzy-jade: #57daca;
$jazzy-jade-rgb: 87, 218, 202;
$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);
}