Benannte Farbe · #7A715C
Pablo
Pablo ist #7A715C: rgb(122 113 92), hsl(42 14% 42%), oklch(0.551 0.033 87.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Pablo color name →
#7A715C
oklch(0.551 0.033 87.6)
Farbumrechnungen
- HEX
- #7a715c
- RGB
- rgb(122 113 92)
- HSL
- hsl(42 14% 42%)
- HWB
- hwb(42 36% 52%)
- OKLCH
- oklch(0.551 0.033 87.6)
- OKLab
- oklab(0.551 0.001 0.033)
- CIE Lab
- lab(48.03 0.91 13.04)
- LCH
- lch(48.03 13.07 86)
- CMYK
- cmyk(0% 7% 25% 52%)
Tints · Shades · Tones
Tints
- 867E6B
- 938C7A
- A0998A
- ADA79A
- BAB6AA
- C8C4BB
- D5D2CB
- E3E1DC
- F1F0EE
Shades
- 69614F
- 595242
- 494336
- 3A352A
- 2B271F
- 1D1A14
- 100E0A
- 050403
- 010100
Tones
- 7B7360
- 7B7463
- 7C7667
- 7C776B
- 7D796E
- 7E7A72
- 7E7C75
- 7F7D79
- 7F7F7C
Farbharmonien
Komplementär +180°
- 7A715C
Pablo
- 697286
≈ Rockabilly
Analog -30° +30°
- 7A715C
Pablo
- 816D5F
≈ Caribou
- 70755F
≈ Magic Mountain
Triadisch +120° +240°
- 7A715C
Pablo
- 5B787C
≈ Becker Blue
- 7D6B7C
≈ Sakura Night
Geteilt komplementär +150° +210°
- 7A715C
Pablo
- 607583
≈ Freedom Found
- 746E83
≈ Ritual
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.83:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.34:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.83:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--pablo: #7a715c;
--pablo-rgb: 122 113 92;
--pablo-oklch: oklch(0.551 0.033 87.6);
}
.element {
color: var(--pablo);
background-color: hsl(42 14% 42%);
border-color: oklch(0.551 0.033 87.6);
}Tailwind CSS v4
@theme {
--color-pablo: #7a715c;
--color-pablo-50: #f9f5eb;
--color-pablo-100: #ece8dc;
--color-pablo-200: #dad4c5;
--color-pablo-300: #beb7a5;
--color-pablo-400: #a79e89;
--color-pablo-500: #8f856d;
--color-pablo-600: #79715d;
--color-pablo-700: #615a4a;
--color-pablo-800: #484235;
--color-pablo-900: #322d24;
--color-pablo-950: #1e1a13;
}SCSS
$pablo: #7a715c;
$pablo-rgb: 122, 113, 92;
$pablo-light: mix(#fff, $pablo, 20%);
$pablo-dark: mix(#000, $pablo, 20%);
.element {
color: $pablo;
box-shadow: 0 0 0 2px rgba($pablo, 0.35);
}