Nächste benannte Farbe · #99B2A1
#99B2A1
Nächste benannte Farbe: Copper Patina
#99B2A1 (rgb(153 178 161), hsl(139 14% 65%), oklch(0.74 0.037 155.7)) liegt am nächsten an der benannten Farbe Copper Patina. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#99B2A1
oklch(0.74 0.037 155.7)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- A3B9AA
- ADC1B3
- B7C9BC
- C1D0C6
- CBD8CF
- D5E0D9
- E0E7E2
- EAEFEC
- F4F7F5
Shades
- 849A8B
- 708376
- 5D6D62
- 4A574E
- 38433C
- 272F2A
- 171D19
- 080C09
- 010101
Tones
- 97AD9E
- 94A89A
- 92A397
- 8F9E94
- 8D9990
- 8A948D
- 888F8A
- 858A87
- 838583
Farbharmonien
Komplementär +180°
- 99B2A1
Copper Patina
- BAA2B4
≈ Parlour Rose
Analog -30° +30°
- 99B2A1
Copper Patina
- A5AF96
≈ Ending Spring
- 92B3AE
≈ Undersea
Triadisch +120° +240°
- 99B2A1
Copper Patina
- A4A9C2
≈ Wisteria Light Soft Blue
- C1A39B
≈ Mohair Mauve
Geteilt komplementär +150° +210°
- 99B2A1
Copper Patina
- B0A5BE
≈ Winter Amethyst
- C0A2A7
≈ Tourmaline Mauve
Tetradisch +90° +180° +270°
- 99B2A1
Copper Patina
- 98AEC1
≈ Soaring Eagle
- BAA2B4
≈ Parlour Rose
- BBA793
≈ Brown Teepee
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.27:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.23:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.23:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
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);
}