En yakın adlandırılmış renk · #84A190
#84A190
En yakın adlandırılmış renk: Parisian Patina
#84A190 (rgb(132 161 144), hsl(145 13% 57%), oklch(0.682 0.041 159.4)) en çok Parisian Patina 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.
#84A190
oklch(0.682 0.041 159.4)
Renk dönüşümleri
- HEX
- #84a190
- RGB
- rgb(132 161 144)
- HSL
- hsl(145 13% 57%)
- HWB
- hwb(145 52% 37%)
- OKLCH
- oklch(0.682 0.041 159.4)
- OKLab
- oklab(0.682 -0.038 0.014)
- CIE Lab
- lab(63.65 -13.1 5.37)
- LCH
- lch(63.65 14.16 157.7)
- CMYK
- cmyk(18% 0% 11% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 90AA9B
- 9CB3A5
- A8BCB0
- B4C6BB
- C0CFC6
- CDD9D1
- D9E2DD
- E6ECE8
- F2F5F3
Koyu tonlar
- 728B7D
- 60766A
- 4F6257
- 3F4E45
- 2F3C34
- 202A24
- 121915
- 060907
- 010101
Gri tonlar
- 849E8E
- 839A8D
- 83978B
- 83948A
- 829088
- 828D86
- 828A85
- 818783
- 818382
Renk uyumları
Tamamlayıcı +180°
- 84A190
Parisian Patina
- AB90A1
≈ Mauve Shadows
Analog -30° +30°
- 84A190
Parisian Patina
- 919E84
≈ Willowbrook Manor
- 7CA19E
≈ Tower Bridge
Üçlü +120° +240°
- 84A190
Parisian Patina
- 9397B2
≈ Frosty Nightfall
- B09186
≈ Plush Suede
Bölünmüş tamamlayıcı +150° +210°
- 84A190
Parisian Patina
- A092AC
≈ Compliment
- B08F93
≈ Deauville Mauve
Dörtlü +90° +180° +270°
- 84A190
Parisian Patina
- 869BB2
≈ Tsunami
- AB90A1
≈ Mauve Shadows
- AA957E
≈ Adolescent Rodent
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.48:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--parisian-patina: #84a190;
--parisian-patina-rgb: 132 161 144;
--parisian-patina-oklch: oklch(0.682 0.041 159.4);
}
.element {
color: var(--parisian-patina);
background-color: hsl(145 13% 57%);
border-color: oklch(0.682 0.041 159.4);
}Tailwind CSS v4
@theme {
--color-parisian-patina: #84a190;
--color-parisian-patina-50: #ecf9f1;
--color-parisian-patina-100: #ddece4;
--color-parisian-patina-200: #c6dacf;
--color-parisian-patina-300: #a6beb1;
--color-parisian-patina-400: #8ba696;
--color-parisian-patina-500: #6f8f7d;
--color-parisian-patina-600: #5e796a;
--color-parisian-patina-700: #4b6154;
--color-parisian-patina-800: #37473d;
--color-parisian-patina-900: #25312a;
--color-parisian-patina-950: #141d17;
}SCSS
$parisian-patina: #84a190;
$parisian-patina-rgb: 132, 161, 144;
$parisian-patina-light: mix(#fff, $parisian-patina, 20%);
$parisian-patina-dark: mix(#000, $parisian-patina, 20%);
.element {
color: $parisian-patina;
box-shadow: 0 0 0 2px rgba($parisian-patina, 0.35);
}