Nazwany kolor · #BE8774
Ginger Rose
Ginger Rose to #BE8774: rgb(190 135 116), hsl(15 36% 60%), oklch(0.673 0.074 39.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Ginger Rose color name →
#BE8774
oklch(0.673 0.074 39.9)
Konwersje koloru
- HEX
- #be8774
- RGB
- rgb(190 135 116)
- HSL
- hsl(15 36% 60%)
- HWB
- hwb(15 45% 25%)
- OKLCH
- oklch(0.673 0.074 39.9)
- OKLab
- oklab(0.673 0.056 0.047)
- CIE Lab
- lab(61.55 19.93 19.07)
- LCH
- lch(61.55 27.58 43.7)
- CMYK
- cmyk(0% 29% 39% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C59381
- CC9E8F
- D2AA9C
- D9B6AA
- E0C2B8
- E6CEC6
- ECDAD4
- F3E6E2
- F9F3F0
Odcienie ciemniejsze
- A57564
- 8C6354
- 755145
- 5E4137
- 483129
- 33211B
- 1F130F
- 0D0605
- 020101
Tony
- B88675
- B28677
- AC8578
- A68579
- A0847B
- 99837C
- 93837D
- 8D827E
- 86817F
Harmonie kolorów
Komplementarna +180°
- BE8774
Ginger Rose
- 5FA1B5
≈ Dolphin Daze
Analogowa -30° +30°
- BE8774
Ginger Rose
- BE838C
≈ Strawberry Jubilee
- B48E64
≈ Mission Gold
Triada +120° +240°
- BE8774
Ginger Rose
- 6DA487
≈ Quilotoa Green
- 8D92C3
≈ Corfu Sky
Komplementarna rozszczepiona +150° +210°
- BE8774
Ginger Rose
- 5CA5A0
≈ Paradise Island
- 739AC2
≈ Blue Promise
Tetrada +90° +180° +270°
- BE8774
Ginger Rose
- 87A06F
≈ Purslane
- 5FA1B5
≈ Dolphin Daze
- A48AB8
≈ Kismet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.04:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.90:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 6.90:1 (AA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--ginger-rose: #be8774;
--ginger-rose-rgb: 190 135 116;
--ginger-rose-oklch: oklch(0.673 0.074 39.9);
}
.element {
color: var(--ginger-rose);
background-color: hsl(15 36% 60%);
border-color: oklch(0.673 0.074 39.9);
}Tailwind CSS v4
@theme {
--color-ginger-rose: #be8774;
--color-ginger-rose-50: #ffefe5;
--color-ginger-rose-100: #ffe1d5;
--color-ginger-rose-200: #f1cbbc;
--color-ginger-rose-300: #d9ac9a;
--color-ginger-rose-400: #c5907e;
--color-ginger-rose-500: #b07561;
--color-ginger-rose-600: #956452;
--color-ginger-rose-700: #784f42;
--color-ginger-rose-800: #593930;
--color-ginger-rose-900: #3e2720;
--color-ginger-rose-950: #271510;
}SCSS
$ginger-rose: #be8774;
$ginger-rose-rgb: 190, 135, 116;
$ginger-rose-light: mix(#fff, $ginger-rose, 20%);
$ginger-rose-dark: mix(#000, $ginger-rose, 20%);
.element {
color: $ginger-rose;
box-shadow: 0 0 0 2px rgba($ginger-rose, 0.35);
}