En yakın adlandırılmış renk · #85CABF
#85CABF
En yakın adlandırılmış renk: Cyantific
#85CABF (rgb(133 202 191), hsl(170 39% 66%), oklch(0.79 0.072 183.3)) en çok Cyantific 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.
#85CABF
oklch(0.79 0.072 183.3)
Renk dönüşümleri
- HEX
- #85cabf
- RGB
- rgb(133 202 191)
- HSL
- hsl(170 39% 66%)
- HWB
- hwb(170 52% 21%)
- OKLCH
- oklch(0.79 0.072 183.3)
- OKLab
- oklab(0.79 -0.071 -0.004)
- CIE Lab
- lab(76.51 -24.51 -1.78)
- LCH
- lch(76.51 24.58 184.2)
- CMYK
- cmyk(34% 0% 5% 21%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 92CFC5
- 9FD5CC
- ABDAD2
- B7DFD8
- C3E5DF
- CFEAE5
- DBEFEB
- E7F4F2
- F3FAF8
Koyu tonlar
- 73AFA6
- 61958D
- 507C75
- 40645E
- 304D48
- 213733
- 13221F
- 060F0D
- 010202
Gri tonlar
- 85C2B8
- 86BBB2
- 86B3AC
- 85ACA5
- 85A49F
- 849D99
- 839692
- 838E8C
- 818786
Renk uyumları
Tamamlayıcı +180°
- 85CABF
Cyantific
- E3A8B6
≈ Love at First Sight
Analog -30° +30°
- 85CABF
Cyantific
- 97C8A5
≈ Peppermint Spray
- 83C7D6
≈ Not a Cloud in Sight
Üçlü +120° +240°
- 85CABF
Cyantific
- C4B0E1
≈ Lavender Field Dreamer
- DCB18B
≈ Sheepskin
Bölünmüş tamamlayıcı +150° +210°
- 85CABF
Cyantific
- D7AACE
≈ Queenly
- E5AA9D
≈ Passion Fruit Punch
Dörtlü +90° +180° +270°
- 85CABF
Cyantific
- ABB8E9
≈ Perano
- E3A8B6
≈ Love at First Sight
- CABA86
≈ Olive Hint
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.87:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.19:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.19:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
CSS
:root {
--cyantific: #85cabf;
--cyantific-rgb: 133 202 191;
--cyantific-oklch: oklch(0.79 0.072 183.3);
}
.element {
color: var(--cyantific);
background-color: hsl(170 39% 66%);
border-color: oklch(0.79 0.072 183.3);
}Tailwind CSS v4
@theme {
--color-cyantific: #85cabf;
--color-cyantific-50: #e0fcf8;
--color-cyantific-100: #cef0eb;
--color-cyantific-200: #b3dfd8;
--color-cyantific-300: #8ec4bc;
--color-cyantific-400: #6cada3;
--color-cyantific-500: #48968b;
--color-cyantific-600: #3e7f75;
--color-cyantific-700: #32655e;
--color-cyantific-800: #234b44;
--color-cyantific-900: #17342f;
--color-cyantific-950: #081f1b;
}SCSS
$cyantific: #85cabf;
$cyantific-rgb: 133, 202, 191;
$cyantific-light: mix(#fff, $cyantific, 20%);
$cyantific-dark: mix(#000, $cyantific, 20%);
.element {
color: $cyantific;
box-shadow: 0 0 0 2px rgba($cyantific, 0.35);
}