En yakın adlandırılmış renk · #99B2A1
#99B2A1
En yakın adlandırılmış renk: Copper Patina
#99B2A1 (rgb(153 178 161), hsl(139 14% 65%), oklch(0.74 0.037 155.7)) en çok Copper 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.
#99B2A1
oklch(0.74 0.037 155.7)
Renk dönüşümleri
- HEX
- #99b2a1
- RGB
- rgb(153 178 161)
- HSL
- hsl(139 14% 65%)
- HWB
- hwb(139 60% 30%)
- OKLCH
- oklch(0.74 0.037 155.7)
- OKLab
- oklab(0.74 -0.033 0.015)
- CIE Lab
- lab(70.29 -11.46 5.69)
- LCH
- lch(70.29 12.79 153.6)
- CMYK
- cmyk(14% 0% 10% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A3B9AA
- ADC1B3
- B7C9BC
- C1D0C6
- CBD8CF
- D5E0D9
- E0E7E2
- EAEFEC
- F4F7F5
Koyu tonlar
- 849A8B
- 708376
- 5D6D62
- 4A574E
- 38433C
- 272F2A
- 171D19
- 080C09
- 010101
Gri tonlar
- 97AD9E
- 94A89A
- 92A397
- 8F9E94
- 8D9990
- 8A948D
- 888F8A
- 858A87
- 838583
Renk uyumları
Tamamlayıcı +180°
- 99B2A1
Copper Patina
- BAA2B4
≈ Parlour Rose
Analog -30° +30°
- 99B2A1
Copper Patina
- A5AF96
≈ Ending Spring
- 92B3AE
≈ Undersea
Üçlü +120° +240°
- 99B2A1
Copper Patina
- A4A9C2
≈ Wisteria Light Soft Blue
- C1A39B
≈ Mohair Mauve
Bölünmüş tamamlayıcı +150° +210°
- 99B2A1
Copper Patina
- B0A5BE
≈ Winter Amethyst
- C0A2A7
≈ Tourmaline Mauve
Dörtlü +90° +180° +270°
- 99B2A1
Copper Patina
- 98AEC1
≈ Soaring Eagle
- BAA2B4
≈ Parlour Rose
- BBA793
≈ Brown Teepee
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.27:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.23:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.23:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--copper-patina: #99b2a1;
--copper-patina-rgb: 153 178 161;
--copper-patina-oklch: oklch(0.74 0.037 155.7);
}
.element {
color: var(--copper-patina);
background-color: hsl(139 14% 65%);
border-color: oklch(0.74 0.037 155.7);
}Tailwind CSS v4
@theme {
--color-copper-patina: #99b2a1;
--color-copper-patina-50: #edf9f1;
--color-copper-patina-100: #deece3;
--color-copper-patina-200: #c8d9ce;
--color-copper-patina-300: #a9bdb0;
--color-copper-patina-400: #8ea595;
--color-copper-patina-500: #738e7c;
--color-copper-patina-600: #627869;
--color-copper-patina-700: #4e6054;
--color-copper-patina-800: #39463d;
--color-copper-patina-900: #27312a;
--color-copper-patina-950: #151d17;
}SCSS
$copper-patina: #99b2a1;
$copper-patina-rgb: 153, 178, 161;
$copper-patina-light: mix(#fff, $copper-patina, 20%);
$copper-patina-dark: mix(#000, $copper-patina, 20%);
.element {
color: $copper-patina;
box-shadow: 0 0 0 2px rgba($copper-patina, 0.35);
}