Nazwany kolor · #9D7957
Prince Paris
Prince Paris to #9D7957: rgb(157 121 87), hsl(29 29% 48%), oklch(0.603 0.066 64.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Prince Paris color name →
#9D7957
oklch(0.603 0.066 64.4)
Konwersje koloru
- HEX
- #9d7957
- RGB
- rgb(157 121 87)
- HSL
- hsl(29 29% 48%)
- HWB
- hwb(29 34% 38%)
- OKLCH
- oklch(0.603 0.066 64.4)
- OKLab
- oklab(0.603 0.028 0.059)
- CIE Lab
- lab(53.8 11.14 24.32)
- LCH
- lch(53.8 26.75 65.4)
- CMYK
- cmyk(0% 23% 45% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A78667
- B09377
- BAA088
- C4AD98
- CEBAA9
- D8C8BA
- E1D5CB
- EBE3DC
- F5F1ED
Odcienie ciemniejsze
- 88684B
- 73583E
- 5F4833
- 4C3927
- 3A2B1C
- 281D12
- 181008
- 090503
- 010100
Tony
- 9A7A5C
- 977B60
- 957B64
- 927C68
- 8F7D6C
- 8C7E71
- 897E74
- 867F78
- 837F7C
Harmonie kolorów
Komplementarna +180°
- 9D7957
Prince Paris
- 5F86A6
≈ Moody Indigo
Analogowa -30° +30°
- 9D7957
Prince Paris
- A47367
≈ Toasted Nutmeg
- 8E8153
≈ Syndicate Camouflage
Triada +120° +240°
- 9D7957
Prince Paris
- 508E86
≈ Sea Garden
- 8A77A1
≈ Smashed Grape
Komplementarna rozszczepiona +150° +210°
- 9D7957
Prince Paris
- 4F8B99
≈ Blue Square
- 757EA9
≈ Minuet Lilac
Tetrada +90° +180° +270°
- 9D7957
Prince Paris
- 618D6F
≈ Slate Green
- 5F86A6
≈ Moody Indigo
- 9A7291
≈ Rebel Rouser
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.95:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.30:1 · APCA Lc 35
Najlepszy kolor tekstu: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
Fragmenty kodu
CSS
:root {
--prince-paris: #9d7957;
--prince-paris-rgb: 157 121 87;
--prince-paris-oklch: oklch(0.603 0.066 64.4);
}
.element {
color: var(--prince-paris);
background-color: hsl(29 29% 48%);
border-color: oklch(0.603 0.066 64.4);
}Tailwind CSS v4
@theme {
--color-prince-paris: #9d7957;
--color-prince-paris-50: #fff2e2;
--color-prince-paris-100: #f8e4d1;
--color-prince-paris-200: #e8cfb7;
--color-prince-paris-300: #cfb194;
--color-prince-paris-400: #ba9776;
--color-prince-paris-500: #a57d57;
--color-prince-paris-600: #8b6a4a;
--color-prince-paris-700: #70553b;
--color-prince-paris-800: #533d2a;
--color-prince-paris-900: #3a2a1c;
--color-prince-paris-950: #24180d;
}SCSS
$prince-paris: #9d7957;
$prince-paris-rgb: 157, 121, 87;
$prince-paris-light: mix(#fff, $prince-paris, 20%);
$prince-paris-dark: mix(#000, $prince-paris, 20%);
.element {
color: $prince-paris;
box-shadow: 0 0 0 2px rgba($prince-paris, 0.35);
}