Adlandırılmış renk · #992244
Berry Rossi
Berry Rossi, #992244: rgb(153 34 68), hsl(343 64% 37%), oklch(0.457 0.155 9.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Berry Rossi color name →
#992244
oklch(0.457 0.155 9.4)
Renk dönüşümleri
- HEX
- #992244
- RGB
- rgb(153 34 68)
- HSL
- hsl(343 64% 37%)
- HWB
- hwb(343 13% 40%)
- OKLCH
- oklch(0.457 0.155 9.4)
- OKLab
- oklab(0.457 0.153 0.025)
- CIE Lab
- lab(35.17 50.32 11.13)
- LCH
- lch(35.17 51.53 12.5)
- CMYK
- cmyk(0% 78% 56% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A63D55
- B25366
- BD6978
- C87E8A
- D3939D
- DCA8AF
- E6BEC3
- EFD3D7
- F7E9EB
Koyu tonlar
- 841C3A
- 701630
- 5D1126
- 4A0B1D
- 380714
- 27030C
- 170105
- 080002
- 010000
Gri tonlar
- 98304A
- 973C50
- 964656
- 944F5B
- 925861
- 8F6067
- 8C696E
- 897174
- 85787A
Renk uyumları
Tamamlayıcı +180°
- 992244
Berry Rossi
- 006560
≈ Peacock Pride
Analog -30° +30°
- 992244
Berry Rossi
- 8B2972
≈ Violet Vixen
- 963000
≈ Hawaiian Malasada
Üçlü +120° +240°
- 992244
Berry Rossi
- 416300
≈ Rainforest Matcha
- 00599A
≈ Parachuting
Bölünmüş tamamlayıcı +150° +210°
- 992244
Berry Rossi
- 006842
≈ Greens
- 006177
≈ Jamaican Dream
Dörtlü +90° +180° +270°
- 992244
Berry Rossi
- 645700
≈ Ayahuasca Vine
- 006560
≈ Peacock Pride
- 4947AA
≈ Megadrive Screen
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.87:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.66:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.87:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--berry-rossi: #992244;
--berry-rossi-rgb: 153 34 68;
--berry-rossi-oklch: oklch(0.457 0.155 9.4);
}
.element {
color: var(--berry-rossi);
background-color: hsl(343 64% 37%);
border-color: oklch(0.457 0.155 9.4);
}Tailwind CSS v4
@theme {
--color-berry-rossi: #992244;
--color-berry-rossi-50: #ffe4ea;
--color-berry-rossi-100: #ffd3db;
--color-berry-rossi-200: #ffb9c3;
--color-berry-rossi-300: #fb95a3;
--color-berry-rossi-400: #ea738a;
--color-berry-rossi-500: #d75070;
--color-berry-rossi-600: #b6455f;
--color-berry-rossi-700: #92374b;
--color-berry-rossi-800: #6d2739;
--color-berry-rossi-900: #4d1a27;
--color-berry-rossi-950: #320a15;
}SCSS
$berry-rossi: #992244;
$berry-rossi-rgb: 153, 34, 68;
$berry-rossi-light: mix(#fff, $berry-rossi, 20%);
$berry-rossi-dark: mix(#000, $berry-rossi, 20%);
.element {
color: $berry-rossi;
box-shadow: 0 0 0 2px rgba($berry-rossi, 0.35);
}