Adlandırılmış renk · #7D9B89
Parisian Patina
Parisian Patina, #7D9B89: rgb(125 155 137), hsl(144 13% 55%), oklch(0.661 0.043 158.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Parisian Patina color name →
#7D9B89
oklch(0.661 0.043 158.7)
Renk dönüşümleri
- HEX
- #7d9b89
- RGB
- rgb(125 155 137)
- HSL
- hsl(144 13% 55%)
- HWB
- hwb(144 49% 39%)
- OKLCH
- oklch(0.661 0.043 158.7)
- OKLab
- oklab(0.661 -0.04 0.016)
- CIE Lab
- lab(61.29 -13.69 5.85)
- LCH
- lch(61.29 14.89 156.9)
- CMYK
- cmyk(19% 0% 12% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 89A594
- 96AEA0
- A3B8AB
- B0C2B7
- BDCCC2
- CAD6CE
- D7E0DA
- E4EAE6
- F1F5F3
Koyu tonlar
- 6C8676
- 5B7264
- 4B5E53
- 3B4B42
- 2C3931
- 1E2822
- 111814
- 050907
- 010101
Gri tonlar
- 7D9888
- 7E9687
- 7E9386
- 7F9085
- 7F8D85
- 7F8B84
- 808883
- 808582
- 808381
Renk uyumları
Tamamlayıcı +180°
- 7D9B89
Parisian Patina
- A5899B
≈ Evening Pink
Analog -30° +30°
- 7D9B89
Parisian Patina
- 8B987C
≈ Leaflet
- 759B98
≈ Avalon
Üçlü +120° +240°
- 7D9B89
Parisian Patina
- 8C90AD
≈ Sephiroth Grey
- AB8A80
≈ Pink Moroccan
Bölünmüş tamamlayıcı +150° +210°
- 7D9B89
Parisian Patina
- 9A8CA7
≈ Futuristic
- AB888D
≈ Mask
Dörtlü +90° +180° +270°
- 7D9B89
Parisian Patina
- 7F95AC
≈ Nordland Blue
- A5899B
≈ Evening Pink
- A48E77
≈ Sandy Ridge
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.03:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.92:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 6.92:1 (AA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--parisian-patina: #7d9b89;
--parisian-patina-rgb: 125 155 137;
--parisian-patina-oklch: oklch(0.661 0.043 158.7);
}
.element {
color: var(--parisian-patina);
background-color: hsl(144 13% 55%);
border-color: oklch(0.661 0.043 158.7);
}Tailwind CSS v4
@theme {
--color-parisian-patina: #7d9b89;
--color-parisian-patina-50: #ebf9f1;
--color-parisian-patina-100: #dcede3;
--color-parisian-patina-200: #c5dace;
--color-parisian-patina-300: #a5bfb0;
--color-parisian-patina-400: #8aa795;
--color-parisian-patina-500: #6e8f7c;
--color-parisian-patina-600: #5e7969;
--color-parisian-patina-700: #4b6154;
--color-parisian-patina-800: #36473c;
--color-parisian-patina-900: #253129;
--color-parisian-patina-950: #141d17;
}SCSS
$parisian-patina: #7d9b89;
$parisian-patina-rgb: 125, 155, 137;
$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);
}