Adlandırılmış renk · #DD2255
Rose Rush
Rose Rush, #DD2255: rgb(221 34 85), hsl(344 73% 50%), oklch(0.584 0.216 13.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Rose Rush color name →
#DD2255
oklch(0.584 0.216 13.2)
Renk dönüşümleri
- HEX
- #dd2255
- RGB
- rgb(221 34 85)
- HSL
- hsl(344 73% 50%)
- HWB
- hwb(344 13% 13%)
- OKLCH
- oklch(0.584 0.216 13.2)
- OKLab
- oklab(0.584 0.211 0.049)
- CIE Lab
- lab(49.23 70.12 21.96)
- LCH
- lch(49.23 73.48 17.4)
- CMYK
- cmyk(0% 85% 62% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E44565
- EA5E75
- EF7585
- F48A96
- F89EA7
- FBB2B8
- FEC5C9
- FFD8DB
- FFECED
Koyu tonlar
- C01C49
- A4163D
- 881131
- 6E0B26
- 55071C
- 3D0311
- 260108
- 110002
- 020000
Gri tonlar
- D5365A
- CE445E
- C64F62
- BD5967
- B4616B
- AB686F
- A26F73
- 977578
- 8C7B7C
Renk uyumları
Tamamlayıcı +180°
- DD2255
Rose Rush
- 008E8C
≈ Corfu Shallows
Analog -30° +30°
- DD2255
Rose Rush
- CB2F9C
≈ Royal Fuchsia
- CA4F00
≈ Dark Orange
Üçlü +120° +240°
- DD2255
Rose Rush
- 518F00
≈ Pistachio Flour
- 007BE2
≈ Bright Navy Blue
Bölünmüş tamamlayıcı +150° +210°
- DD2255
Rose Rush
- 009266
≈ Emerald Lake
- 0089AA
≈ Capri Breeze
Dörtlü +90° +180° +270°
- DD2255
Rose Rush
- 897E00
≈ Olive
- 008E8C
≈ Corfu Shallows
- 715DF4
≈ Candy Grape Fizz
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.73:1 · APCA Lc 71
Ag
FailSiyah üzerinde
WCAG 4.43:1 · APCA Lc 31
En iyi metin rengi: #FFFFFF
WCAG 4.73:1 (AA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--rose-rush: #dd2255;
--rose-rush-rgb: 221 34 85;
--rose-rush-oklch: oklch(0.584 0.216 13.2);
}
.element {
color: var(--rose-rush);
background-color: hsl(344 73% 50%);
border-color: oklch(0.584 0.216 13.2);
}Tailwind CSS v4
@theme {
--color-rose-rush: #dd2255;
--color-rose-rush-50: #ffdce1;
--color-rose-rush-100: #ffcad0;
--color-rose-rush-200: #ffacb6;
--color-rose-rush-300: #ff8393;
--color-rose-rush-400: #ff5979;
--color-rose-rush-500: #f31a5b;
--color-rose-rush-600: #cd1d4e;
--color-rose-rush-700: #a5183e;
--color-rose-rush-800: #7b0e2f;
--color-rose-rush-900: #570a20;
--color-rose-rush-950: #3a000f;
}SCSS
$rose-rush: #dd2255;
$rose-rush-rgb: 221, 34, 85;
$rose-rush-light: mix(#fff, $rose-rush, 20%);
$rose-rush-dark: mix(#000, $rose-rush, 20%);
.element {
color: $rose-rush;
box-shadow: 0 0 0 2px rgba($rose-rush, 0.35);
}