Adlandırılmış renk · #9C4A62
Baby Berries
Baby Berries, #9C4A62: rgb(156 74 98), hsl(342 36% 45%), oklch(0.519 0.112 3.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Baby Berries color name →
#9C4A62
oklch(0.519 0.112 3.3)
Renk dönüşümleri
- HEX
- #9c4a62
- RGB
- rgb(156 74 98)
- HSL
- hsl(342 36% 45%)
- HWB
- hwb(342 29% 39%)
- OKLCH
- oklch(0.519 0.112 3.3)
- OKLab
- oklab(0.519 0.112 0.006)
- CIE Lab
- lab(42.83 36.76 2.96)
- LCH
- lch(42.83 36.87 4.6)
- CMYK
- cmyk(0% 53% 37% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A75C70
- B26D7F
- BC7F8E
- C7919E
- D1A3AD
- DAB5BD
- E4C7CD
- EDD9DE
- F6ECEE
Koyu tonlar
- 873F54
- 733547
- 5F2A3A
- 4C202D
- 391721
- 280E16
- 18060B
- 090203
- 010000
Gri tonlar
- 9A5065
- 985668
- 965C6B
- 94616E
- 916771
- 8E6C74
- 8B7177
- 88767A
- 847B7D
Renk uyumları
Tamamlayıcı +180°
- 9C4A62
Baby Berries
- 007A6E
≈ Pond Moss
Analog -30° +30°
- 9C4A62
Baby Berries
- 8E4E84
≈ Razzmic Berry
- 9F4D3C
≈ Boynton Canyon
Üçlü +120° +240°
- 9C4A62
Baby Berries
- 5C731E
≈ Fern Frond
- 1F6EA4
≈ Deep Water
Bölünmüş tamamlayıcı +150° +210°
- 9C4A62
Baby Berries
- 287B49
≈ Salem
- 007688
≈ Glamour Green
Dörtlü +90° +180° +270°
- 9C4A62
Baby Berries
- 7E6600
≈ Arousing Alligator
- 007A6E
≈ Pond Moss
- 5462A9
≈ Submarine Base
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.88:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.56:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.88:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--baby-berries: #9c4a62;
--baby-berries-rgb: 156 74 98;
--baby-berries-oklch: oklch(0.519 0.112 3.3);
}
.element {
color: var(--baby-berries);
background-color: hsl(342 36% 45%);
border-color: oklch(0.519 0.112 3.3);
}Tailwind CSS v4
@theme {
--color-baby-berries: #9c4a62;
--color-baby-berries-50: #ffe9f1;
--color-baby-berries-100: #ffd9e3;
--color-baby-berries-200: #ffc1cd;
--color-baby-berries-300: #e99faf;
--color-baby-berries-400: #d68298;
--color-baby-berries-500: #c2647f;
--color-baby-berries-600: #a4556b;
--color-baby-berries-700: #844456;
--color-baby-berries-800: #613140;
--color-baby-berries-900: #44212c;
--color-baby-berries-950: #2c1019;
}SCSS
$baby-berries: #9c4a62;
$baby-berries-rgb: 156, 74, 98;
$baby-berries-light: mix(#fff, $baby-berries, 20%);
$baby-berries-dark: mix(#000, $baby-berries, 20%);
.element {
color: $baby-berries;
box-shadow: 0 0 0 2px rgba($baby-berries, 0.35);
}