Nazwany kolor · #C0AC92
Papyrus Map
Papyrus Map to #C0AC92: rgb(192 172 146), hsl(34 27% 66%), oklch(0.755 0.043 74.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Papyrus Map color name →
#C0AC92
oklch(0.755 0.043 74.3)
Konwersje koloru
- HEX
- #c0ac92
- RGB
- rgb(192 172 146)
- HSL
- hsl(34 27% 66%)
- HWB
- hwb(34 57% 25%)
- OKLCH
- oklch(0.755 0.043 74.3)
- OKLab
- oklab(0.755 0.012 0.041)
- CIE Lab
- lab(71.59 4.43 16.21)
- LCH
- lch(71.59 16.8 74.7)
- CMYK
- cmyk(0% 10% 24% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C6B49D
- CCBCA7
- D3C4B2
- D9CDBD
- DFD5C8
- E6DDD3
- ECE6DE
- F2EEE9
- F9F6F4
Odcienie ciemniejsze
- A7957E
- 8E7F6B
- 766958
- 5F5446
- 494035
- 342D25
- 201B16
- 0E0B08
- 020101
Tony
- B9A890
- B3A38F
- AC9F8D
- A69A8B
- A09689
- 999187
- 938D86
- 8D8984
- 868482
Harmonie kolorów
Komplementarna +180°
- C0AC92
Papyrus Map
- 9DB1CB
≈ Aerial View
Analogowa -30° +30°
- C0AC92
Papyrus Map
- C8A79A
≈ Howdy Partner
- B3B192
≈ Dill Seed
Triada +120° +240°
- C0AC92
Papyrus Map
- 91B8B7
≈ Baroque Blue
- BAA8C3
≈ Velour
Komplementarna rozszczepiona +150° +210°
- C0AC92
Papyrus Map
- 93B6C4
≈ Respite
- ACACCA
≈ Cosmic Sky
Tetrada +90° +180° +270°
- C0AC92
Papyrus Map
- 97B8A8
≈ Spearmint Haze
- 9DB1CB
≈ Aerial View
- C4A5B6
≈ Pansy Posie
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.19:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.55:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.55:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
CSS
:root {
--papyrus-map: #c0ac92;
--papyrus-map-rgb: 192 172 146;
--papyrus-map-oklch: oklch(0.755 0.043 74.3);
}
.element {
color: var(--papyrus-map);
background-color: hsl(34 27% 66%);
border-color: oklch(0.755 0.043 74.3);
}Tailwind CSS v4
@theme {
--color-papyrus-map: #c0ac92;
--color-papyrus-map-50: #fcf4e8;
--color-papyrus-map-100: #f0e6d9;
--color-papyrus-map-200: #dfd2c1;
--color-papyrus-map-300: #c4b5a0;
--color-papyrus-map-400: #ae9b83;
--color-papyrus-map-500: #978267;
--color-papyrus-map-600: #806e57;
--color-papyrus-map-700: #665846;
--color-papyrus-map-800: #4c4032;
--color-papyrus-map-900: #352c22;
--color-papyrus-map-950: #201911;
}SCSS
$papyrus-map: #c0ac92;
$papyrus-map-rgb: 192, 172, 146;
$papyrus-map-light: mix(#fff, $papyrus-map, 20%);
$papyrus-map-dark: mix(#000, $papyrus-map, 20%);
.element {
color: $papyrus-map;
box-shadow: 0 0 0 2px rgba($papyrus-map, 0.35);
}