Adlandırılmış renk · #BE8774
Ginger Rose
Ginger Rose, #BE8774: rgb(190 135 116), hsl(15 36% 60%), oklch(0.673 0.074 39.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Ginger Rose color name →
#BE8774
oklch(0.673 0.074 39.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C59381
- CC9E8F
- D2AA9C
- D9B6AA
- E0C2B8
- E6CEC6
- ECDAD4
- F3E6E2
- F9F3F0
Koyu tonlar
- A57564
- 8C6354
- 755145
- 5E4137
- 483129
- 33211B
- 1F130F
- 0D0605
- 020101
Gri tonlar
- B88675
- B28677
- AC8578
- A68579
- A0847B
- 99837C
- 93837D
- 8D827E
- 86817F
Renk uyumları
Tamamlayıcı +180°
- BE8774
Ginger Rose
- 5FA1B5
≈ Dolphin Daze
Analog -30° +30°
- BE8774
Ginger Rose
- BE838C
≈ Strawberry Jubilee
- B48E64
≈ Mission Gold
Üçlü +120° +240°
- BE8774
Ginger Rose
- 6DA487
≈ Quilotoa Green
- 8D92C3
≈ Corfu Sky
Bölünmüş tamamlayıcı +150° +210°
- BE8774
Ginger Rose
- 5CA5A0
≈ Paradise Island
- 739AC2
≈ Blue Promise
Dörtlü +90° +180° +270°
- BE8774
Ginger Rose
- 87A06F
≈ Purslane
- 5FA1B5
≈ Dolphin Daze
- A48AB8
≈ Kismet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.04:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.90:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 6.90:1 (AA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
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);
}