En yakın adlandırılmış renk · #6E9D85
#6E9D85
En yakın adlandırılmış renk: Parisian Patina
#6E9D85 (rgb(110 157 133), hsl(149 19% 52%), oklch(0.655 0.062 161.8)) 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.
#6E9D85
oklch(0.655 0.062 161.8)
Renk dönüşümleri
- HEX
- #6e9d85
- RGB
- rgb(110 157 133)
- HSL
- hsl(149 19% 52%)
- HWB
- hwb(149 43% 38%)
- OKLCH
- oklch(0.655 0.062 161.8)
- OKLab
- oklab(0.655 -0.059 0.019)
- CIE Lab
- lab(60.84 -20.48 7.28)
- LCH
- lch(60.84 21.73 160.4)
- CMYK
- cmyk(30% 0% 15% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7CA791
- 8BB09C
- 99BAA8
- A7C3B4
- B6CDC0
- C4D7CD
- D3E1D9
- E1EBE6
- F0F5F2
Koyu tonlar
- 5F8873
- 507361
- 415F50
- 334C40
- 263A30
- 192821
- 0E1813
- 040906
- 010101
Gri tonlar
- 709A85
- 739784
- 759484
- 779183
- 788F83
- 7A8C82
- 7C8982
- 7D8681
- 7F8381
Renk uyumları
Tamamlayıcı +180°
- 6E9D85
Parisian Patina
- AC829C
≈ Capri Fashion Pink
Analog -30° +30°
- 6E9D85
Parisian Patina
- 839971
≈ Cactus Valley
- 629D9A
≈ Canton
Üçlü +120° +240°
- 6E9D85
Parisian Patina
- 8A8DB6
≈ Sweet Lavender
- B28573
≈ Light Mocha
Bölünmüş tamamlayıcı +150° +210°
- 6E9D85
Parisian Patina
- 9E86AD
≈ Celeb City
- B38187
≈ Retro Pink
Dörtlü +90° +180° +270°
- 6E9D85
Parisian Patina
- 7594B6
≈ Bluebird’s Belly
- AC829C
≈ Capri Fashion Pink
- A98B66
≈ Old Leather
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.07:1 · APCA Lc 58
Ag
AASiyah üzerinde
WCAG 6.82:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.82:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
CSS
:root {
--parisian-patina: #6e9d85;
--parisian-patina-rgb: 110 157 133;
--parisian-patina-oklch: oklch(0.655 0.062 161.8);
}
.element {
color: var(--parisian-patina);
background-color: hsl(149 19% 52%);
border-color: oklch(0.655 0.062 161.8);
}Tailwind CSS v4
@theme {
--color-parisian-patina: #6e9d85;
--color-parisian-patina-50: #e6fbf0;
--color-parisian-patina-100: #d6efe2;
--color-parisian-patina-200: #bdddcd;
--color-parisian-patina-300: #9bc2af;
--color-parisian-patina-400: #7daa93;
--color-parisian-patina-500: #5f9379;
--color-parisian-patina-600: #517d67;
--color-parisian-patina-700: #416452;
--color-parisian-patina-800: #2f493b;
--color-parisian-patina-900: #203328;
--color-parisian-patina-950: #0f1e16;
}SCSS
$parisian-patina: #6e9d85;
$parisian-patina-rgb: 110, 157, 133;
$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);
}