En yakın adlandırılmış renk · #8CDCA3
#8CDCA3
En yakın adlandırılmış renk: Jovial Jade
#8CDCA3 (rgb(140 220 163), hsl(137 53% 71%), oklch(0.828 0.113 152.5)) en çok Jovial 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.
#8CDCA3
oklch(0.828 0.113 152.5)
Renk dönüşümleri
- HEX
- #8cdca3
- RGB
- rgb(140 220 163)
- HSL
- hsl(137 53% 71%)
- HWB
- hwb(137 55% 14%)
- OKLCH
- oklch(0.828 0.113 152.5)
- OKLab
- oklab(0.828 -0.1 0.052)
- CIE Lab
- lab(81.49 -34.58 20.04)
- LCH
- lch(81.49 39.97 149.9)
- CMYK
- cmyk(36% 0% 26% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 99E0AC
- A5E3B5
- B0E7BE
- BCEBC8
- C7EED1
- D3F2DA
- DEF5E3
- E9F8EC
- F4FCF6
Koyu tonlar
- 79BF8D
- 67A378
- 558863
- 436E4F
- 33543C
- 233C2A
- 142619
- 07110A
- 010201
Gri tonlar
- 8CD3A0
- 8BC99C
- 8BC099
- 8AB795
- 89AD92
- 87A48E
- 869B8B
- 849287
- 828984
Renk uyumları
Tamamlayıcı +180°
- 8CDCA3
Jovial Jade
- F2ABE7
≈ Land of Dreams
Analog -30° +30°
- 8CDCA3
Jovial Jade
- B9D37F
≈ Tart Apple
- 65DFCD
≈ Jazzy Jade
Üçlü +120° +240°
- 8CDCA3
Jovial Jade
- B3C4FF
≈ Light Periwinkle
- FFB09F
≈ Amber Tide
Bölünmüş tamamlayıcı +150° +210°
- 8CDCA3
Jovial Jade
- D3B7FF
≈ Light Violet
- FFABC1
≈ Baby’s Blanket
Dörtlü +90° +180° +270°
- 8CDCA3
Jovial Jade
- 8FCEFF
≈ Clear Sky
- F2ABE7
≈ Land of Dreams
- FBB678
≈ Mellow Apricot
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.63:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.88:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.88:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--jovial-jade: #8cdca3;
--jovial-jade-rgb: 140 220 163;
--jovial-jade-oklch: oklch(0.828 0.113 152.5);
}
.element {
color: var(--jovial-jade);
background-color: hsl(137 53% 71%);
border-color: oklch(0.828 0.113 152.5);
}Tailwind CSS v4
@theme {
--color-jovial-jade: #8cdca3;
--color-jovial-jade-50: #ddffe7;
--color-jovial-jade-100: #ccf4d7;
--color-jovial-jade-200: #afe3bf;
--color-jovial-jade-300: #89c99e;
--color-jovial-jade-400: #67b27e;
--color-jovial-jade-500: #419b61;
--color-jovial-jade-600: #388352;
--color-jovial-jade-700: #2d6941;
--color-jovial-jade-800: #214d2d;
--color-jovial-jade-900: #16361e;
--color-jovial-jade-950: #07210e;
}SCSS
$jovial-jade: #8cdca3;
$jovial-jade-rgb: 140, 220, 163;
$jovial-jade-light: mix(#fff, $jovial-jade, 20%);
$jovial-jade-dark: mix(#000, $jovial-jade, 20%);
.element {
color: $jovial-jade;
box-shadow: 0 0 0 2px rgba($jovial-jade, 0.35);
}