Nazwany kolor · #735153
Sheringa Rose
Sheringa Rose to #735153: rgb(115 81 83), hsl(356 17% 38%), oklch(0.472 0.046 15.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Sheringa Rose color name →
#735153
oklch(0.472 0.046 15.1)
Konwersje koloru
- HEX
- #735153
- RGB
- rgb(115 81 83)
- HSL
- hsl(356 17% 38%)
- HWB
- hwb(356 32% 55%)
- OKLCH
- oklch(0.472 0.046 15.1)
- OKLab
- oklab(0.472 0.044 0.012)
- CIE Lab
- lab(38.27 14.91 4.79)
- LCH
- lch(38.27 15.66 17.8)
- CMYK
- cmyk(0% 30% 28% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 816163
- 8E7173
- 9C8283
- AA9394
- B8A4A5
- C6B6B6
- D4C8C8
- E2DADA
- F1ECEC
Odcienie ciemniejsze
- 634547
- 543A3B
- 452F30
- 362425
- 281A1B
- 1B1011
- 0F0708
- 050202
- 010000
Tony
- 755657
- 765A5C
- 785F60
- 796465
- 7A6869
- 7C6D6E
- 7D7272
- 7E7777
- 7F7B7B
Harmonie kolorów
Komplementarna +180°
- 735153
Sheringa Rose
- 3B6463
≈ Moor Pond Green
Analogowa -30° +30°
- 735153
Sheringa Rose
- 6F5161
≈ Dark Olive Paste
- 725346
≈ Hold Your Horses
Triada +120° +240°
- 735153
Sheringa Rose
- 506147
≈ Tom Thumb
- 4A5D75
≈ Mountain River
Komplementarna rozszczepiona +150° +210°
- 735153
Sheringa Rose
- 426455
≈ Stromboli
- 3E616F
≈ Juniper Berry Blue
Tetrada +90° +180° +270°
- 735153
Sheringa Rose
- 5F5D3F
≈ Eastern Bamboo
- 3B6463
≈ Moor Pond Green
- 585875
≈ The Fang
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.92:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 3.03:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.92:1 (AA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--sheringa-rose: #735153;
--sheringa-rose-rgb: 115 81 83;
--sheringa-rose-oklch: oklch(0.472 0.046 15.1);
}
.element {
color: var(--sheringa-rose);
background-color: hsl(356 17% 38%);
border-color: oklch(0.472 0.046 15.1);
}Tailwind CSS v4
@theme {
--color-sheringa-rose: #735153;
--color-sheringa-rose-50: #fff0f0;
--color-sheringa-rose-100: #f7e2e2;
--color-sheringa-rose-200: #e7cdcd;
--color-sheringa-rose-300: #ceaeaf;
--color-sheringa-rose-400: #b89496;
--color-sheringa-rose-500: #a27a7c;
--color-sheringa-rose-600: #896769;
--color-sheringa-rose-700: #6e5354;
--color-sheringa-rose-800: #513c3e;
--color-sheringa-rose-900: #38292a;
--color-sheringa-rose-950: #231718;
}SCSS
$sheringa-rose: #735153;
$sheringa-rose-rgb: 115, 81, 83;
$sheringa-rose-light: mix(#fff, $sheringa-rose, 20%);
$sheringa-rose-dark: mix(#000, $sheringa-rose, 20%);
.element {
color: $sheringa-rose;
box-shadow: 0 0 0 2px rgba($sheringa-rose, 0.35);
}