En yakın adlandırılmış renk · #81BCD1
#81BCD1
En yakın adlandırılmış renk: Juvie
#81BCD1 (rgb(129 188 209), hsl(196 47% 66%), oklch(0.762 0.068 222.2)) en çok Juvie 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.
#81BCD1
oklch(0.762 0.068 222.2)
Renk dönüşümleri
- HEX
- #81bcd1
- RGB
- rgb(129 188 209)
- HSL
- hsl(196 47% 66%)
- HWB
- hwb(196 51% 18%)
- OKLCH
- oklch(0.762 0.068 222.2)
- OKLab
- oklab(0.762 -0.05 -0.046)
- CIE Lab
- lab(72.76 -15.81 -17.02)
- LCH
- lch(72.76 23.23 227.1)
- CMYK
- cmyk(38% 10% 0% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8EC3D6
- 9BC9DA
- A8D0DF
- B4D7E4
- C1DDE8
- CDE4ED
- DAEBF1
- E6F2F6
- F3F8FA
Koyu tonlar
- 6FA3B5
- 5E8B9B
- 4E7381
- 3E5D68
- 2E4750
- 1F3239
- 121F23
- 060D10
- 010202
Gri tonlar
- 82B6C9
- 82B0C0
- 82AAB8
- 83A4B0
- 829EA8
- 8298A0
- 829298
- 818C90
- 818688
Renk uyumları
Tamamlayıcı +180°
- 81BCD1
Juvie
- D8A490
≈ Apricotta
Analog -30° +30°
- 81BCD1
Juvie
- 7DC0BD
≈ Gentle Wave
- 93B5DC
≈ Echo Isles Water
Üçlü +120° +240°
- 81BCD1
Juvie
- D1A1BE
≈ Enhance
- BAB482
≈ Ryegrass
Bölünmüş tamamlayıcı +150° +210°
- 81BCD1
Juvie
- D9A0A6
≈ Rosetti Pink
- CDAB82
≈ DaVanzo Beige
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.09:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 10.04:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 10.04:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--juvie: #81bcd1;
--juvie-rgb: 129 188 209;
--juvie-oklch: oklch(0.762 0.068 222.2);
}
.element {
color: var(--juvie);
background-color: hsl(196 47% 66%);
border-color: oklch(0.762 0.068 222.2);
}Tailwind CSS v4
@theme {
--color-juvie: #81bcd1;
--color-juvie-50: #e1faff;
--color-juvie-100: #d1edf9;
--color-juvie-200: #b6dbea;
--color-juvie-300: #92bfd1;
--color-juvie-400: #71a8bb;
--color-juvie-500: #4f90a7;
--color-juvie-600: #447a8d;
--color-juvie-700: #366271;
--color-juvie-800: #254853;
--color-juvie-900: #19323a;
--color-juvie-950: #091e24;
}SCSS
$juvie: #81bcd1;
$juvie-rgb: 129, 188, 209;
$juvie-light: mix(#fff, $juvie, 20%);
$juvie-dark: mix(#000, $juvie, 20%);
.element {
color: $juvie;
box-shadow: 0 0 0 2px rgba($juvie, 0.35);
}