Nazwany kolor · #88513E
Hipsterfication
Hipsterfication to #88513E: rgb(136 81 62), hsl(15 37% 39%), oklch(0.494 0.08 39.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Hipsterfication color name →
#88513E
oklch(0.494 0.08 39.8)
Konwersje koloru
- HEX
- #88513e
- RGB
- rgb(136 81 62)
- HSL
- hsl(15 37% 39%)
- HWB
- hwb(15 24% 47%)
- OKLCH
- oklch(0.494 0.08 39.8)
- OKLab
- oklab(0.494 0.061 0.051)
- CIE Lab
- lab(40.68 22.13 21.43)
- LCH
- lch(40.68 30.8 44.1)
- CMYK
- cmyk(0% 40% 54% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 946150
- A07262
- AC8374
- B89487
- C4A59A
- D0B7AE
- DCC8C2
- E8DAD6
- F3EDEA
Odcienie ciemniejsze
- 754535
- 633A2B
- 522F23
- 41241A
- 311A12
- 22100A
- 130704
- 060201
- 010000
Tony
- 885645
- 885B4C
- 876052
- 876459
- 86695F
- 856E66
- 84726C
- 837773
- 817B79
Harmonie kolorów
Komplementarna +180°
- 88513E
Hipsterfication
- 1D6C81
≈ Allports
Analogowa -30° +30°
- 88513E
Hipsterfication
- 884D57
≈ Wine Not
- 7F592A
≈ Hot Curry
Triada +120° +240°
- 88513E
Hipsterfication
- 336F51
≈ Jungle Book Green
- 585C8E
≈ Midnight Sea
Komplementarna rozszczepiona +150° +210°
- 88513E
Hipsterfication
- 14706B
≈ Tide Pools
- 3C658D
≈ Mississippi River
Tetrada +90° +180° +270°
- 88513E
Hipsterfication
- 526A38
≈ Tiāntāi Mountain Green
- 1D6C81
≈ Allports
- 6F5484
≈ Gutsy Grape
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.37:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.29:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.37:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--hipsterfication: #88513e;
--hipsterfication-rgb: 136 81 62;
--hipsterfication-oklch: oklch(0.494 0.08 39.8);
}
.element {
color: var(--hipsterfication);
background-color: hsl(15 37% 39%);
border-color: oklch(0.494 0.08 39.8);
}Tailwind CSS v4
@theme {
--color-hipsterfication: #88513e;
--color-hipsterfication-50: #ffeee4;
--color-hipsterfication-100: #ffe0d4;
--color-hipsterfication-200: #f3caba;
--color-hipsterfication-300: #dcab98;
--color-hipsterfication-400: #c88f7b;
--color-hipsterfication-500: #b4745d;
--color-hipsterfication-600: #986250;
--color-hipsterfication-700: #7a4e3f;
--color-hipsterfication-800: #5a382e;
--color-hipsterfication-900: #3f271f;
--color-hipsterfication-950: #28150f;
}SCSS
$hipsterfication: #88513e;
$hipsterfication-rgb: 136, 81, 62;
$hipsterfication-light: mix(#fff, $hipsterfication, 20%);
$hipsterfication-dark: mix(#000, $hipsterfication, 20%);
.element {
color: $hipsterfication;
box-shadow: 0 0 0 2px rgba($hipsterfication, 0.35);
}