Nazwany kolor · #C3AA8C
Townhall Tan
Townhall Tan to #C3AA8C: rgb(195 170 140), hsl(33 31% 66%), oklch(0.752 0.05 72). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Townhall Tan color name →
#C3AA8C
oklch(0.752 0.05 72)
Konwersje koloru
- HEX
- #c3aa8c
- RGB
- rgb(195 170 140)
- HSL
- hsl(33 31% 66%)
- HWB
- hwb(33 55% 24%)
- OKLCH
- oklch(0.752 0.05 72)
- OKLab
- oklab(0.752 0.016 0.048)
- CIE Lab
- lab(71.25 6.02 19.05)
- LCH
- lch(71.25 19.97 72.5)
- CMYK
- cmyk(0% 13% 28% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C9B297
- CFBBA2
- D5C3AE
- DBCBB9
- E1D4C5
- E7DCD0
- EDE5DC
- F3EEE7
- F9F6F3
Odcienie ciemniejsze
- A99379
- 907D67
- 786855
- 605343
- 4A3F33
- 342D23
- 201B14
- 0E0B07
- 020101
Tony
- BCA68B
- B5A28A
- AF9D89
- A89988
- A19587
- 9A9185
- 948D84
- 8D8883
- 878481
Harmonie kolorów
Komplementarna +180°
- C3AA8C
Townhall Tan
- 98B1CE
≈ Heartsong
Analogowa -30° +30°
- C3AA8C
Townhall Tan
- CBA596
≈ Sombrero Tan
- B5B08C
≈ That’s Atomic
Triada +120° +240°
- C3AA8C
Townhall Tan
- 8AB9B7
≈ Vintage Blue
- B9A6C6
≈ Extraordinaire
Komplementarna rozszczepiona +150° +210°
- C3AA8C
Townhall Tan
- 8CB6C6
≈ Pond Blue
- A9ABCE
≈ Melody Purple
Tetrada +90° +180° +270°
- C3AA8C
Townhall Tan
- 93B9A5
≈ Lichen
- 98B1CE
≈ Heartsong
- C6A2B8
≈ Taste of Berry
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.22:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.44:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.44:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--townhall-tan: #c3aa8c;
--townhall-tan-rgb: 195 170 140;
--townhall-tan-oklch: oklch(0.752 0.05 72);
}
.element {
color: var(--townhall-tan);
background-color: hsl(33 31% 66%);
border-color: oklch(0.752 0.05 72);
}Tailwind CSS v4
@theme {
--color-townhall-tan: #c3aa8c;
--color-townhall-tan-50: #fef3e6;
--color-townhall-tan-100: #f2e6d6;
--color-townhall-tan-200: #e2d2bd;
--color-townhall-tan-300: #c7b49b;
--color-townhall-tan-400: #b19a7e;
--color-townhall-tan-500: #9b8161;
--color-townhall-tan-600: #836d53;
--color-townhall-tan-700: #695742;
--color-townhall-tan-800: #4e3f2f;
--color-townhall-tan-900: #362c20;
--color-townhall-tan-950: #211910;
}SCSS
$townhall-tan: #c3aa8c;
$townhall-tan-rgb: 195, 170, 140;
$townhall-tan-light: mix(#fff, $townhall-tan, 20%);
$townhall-tan-dark: mix(#000, $townhall-tan, 20%);
.element {
color: $townhall-tan;
box-shadow: 0 0 0 2px rgba($townhall-tan, 0.35);
}