En yakın adlandırılmış renk · #8DDAC0
#8DDAC0
En yakın adlandırılmış renk: Cabbage
#8DDAC0 (rgb(141 218 192), hsl(160 51% 70%), oklch(0.831 0.085 170.8)) en çok Cabbage 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.
#8DDAC0
oklch(0.831 0.085 170.8)
Renk dönüşümleri
- HEX
- #8ddac0
- RGB
- rgb(141 218 192)
- HSL
- hsl(160 51% 70%)
- HWB
- hwb(160 55% 15%)
- OKLCH
- oklch(0.831 0.085 170.8)
- OKLab
- oklab(0.831 -0.084 0.014)
- CIE Lab
- lab(81.5 -29.14 4.92)
- LCH
- lch(81.5 29.55 170.4)
- CMYK
- cmyk(35% 0% 12% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 99DEC6
- A5E2CC
- B1E5D3
- BDE9D9
- C8EDDF
- D3F1E5
- DEF4EC
- E9F8F2
- F4FBF9
Koyu tonlar
- 7ABDA7
- 67A28E
- 558776
- 446C5F
- 335449
- 233C34
- 142520
- 07110E
- 010202
Gri tonlar
- 8DD1B9
- 8CC8B3
- 8BBEAC
- 8AB5A6
- 89AC9F
- 88A399
- 869A93
- 84928C
- 828986
Renk uyumları
Tamamlayıcı +180°
- 8DDAC0
Cabbage
- F3B1CF
≈ Changeling Pink
Analog -30° +30°
- 8DDAC0
Cabbage
- AAD6A2
≈ Pistachio Green
- 81D9DE
≈ Deep Aquamarine
Üçlü +120° +240°
- 8DDAC0
Cabbage
- C7BEFB
≈ Lavender Tonic
- F5B895
≈ Peach Parfait
Bölünmüş tamamlayıcı +150° +210°
- 8DDAC0
Cabbage
- E1B6EA
≈ Beefy Pink
- FAB2B0
≈ Peach Bud
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.62:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.92:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.92:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--cabbage: #8ddac0;
--cabbage-rgb: 141 218 192;
--cabbage-oklch: oklch(0.831 0.085 170.8);
}
.element {
color: var(--cabbage);
background-color: hsl(160 51% 70%);
border-color: oklch(0.831 0.085 170.8);
}Tailwind CSS v4
@theme {
--color-cabbage: #8ddac0;
--color-cabbage-50: #defef3;
--color-cabbage-100: #ccf2e5;
--color-cabbage-200: #b0e1d1;
--color-cabbage-300: #8ac6b3;
--color-cabbage-400: #67af97;
--color-cabbage-500: #41987e;
--color-cabbage-600: #38816b;
--color-cabbage-700: #2d6756;
--color-cabbage-800: #204c3d;
--color-cabbage-900: #15352a;
--color-cabbage-950: #062018;
}SCSS
$cabbage: #8ddac0;
$cabbage-rgb: 141, 218, 192;
$cabbage-light: mix(#fff, $cabbage, 20%);
$cabbage-dark: mix(#000, $cabbage, 20%);
.element {
color: $cabbage;
box-shadow: 0 0 0 2px rgba($cabbage, 0.35);
}