Adlandırılmış renk · #E3256B
Razzmatazz Lips
Razzmatazz Lips, #E3256B: rgb(227 37 107), hsl(338 77% 52%), oklch(0.601 0.222 6.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? → · Razzmatazz Lips color name →
#E3256B
oklch(0.601 0.222 6.4)
Renk dönüşümleri
- HEX
- #e3256b
- RGB
- rgb(227 37 107)
- HSL
- hsl(338 77% 52%)
- HWB
- hwb(338 15% 11%)
- OKLCH
- oklch(0.601 0.222 6.4)
- OKLab
- oklab(0.601 0.221 0.025)
- CIE Lab
- lab(51.05 72.07 11.16)
- LCH
- lch(51.05 72.93 8.8)
- CMYK
- cmyk(0% 84% 53% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E94779
- EF6087
- F47795
- F88BA4
- FB9FB2
- FEB3C1
- FFC6D0
- FFD9E0
- FFECEF
Koyu tonlar
- C51F5C
- A8194E
- 8C133F
- 710D32
- 570825
- 3F0418
- 27020D
- 120004
- 030000
Gri tonlar
- DB386D
- D2466F
- CA5171
- C15A73
- B76276
- AE6978
- A3707A
- 98767C
- 8D7B7E
Renk uyumları
Tamamlayıcı +180°
- E3256B
Razzmatazz Lips
- 00948A
≈ Torrid Turquoise
Analog -30° +30°
- E3256B
Razzmatazz Lips
- CC37B1
≈ Purple Pink
- DF4000
≈ Macharius Solar Orange
Üçlü +120° +240°
- E3256B
Razzmatazz Lips
- 699000
≈ Canopy
- 0086D7
≈ Blue Cola
Bölünmüş tamamlayıcı +150° +210°
- E3256B
Razzmatazz Lips
- 00995B
≈ Militant Vegan
- 0090A9
≈ Zeftron
Dörtlü +90° +180° +270°
- E3256B
Razzmatazz Lips
- 967F00
≈ Moscow Papyrus
- 00948A
≈ Torrid Turquoise
- 6468FF
≈ Blue Genie
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.42:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.74:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 4.74:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--razzmatazz-lips: #e3256b;
--razzmatazz-lips-rgb: 227 37 107;
--razzmatazz-lips-oklch: oklch(0.601 0.222 6.4);
}
.element {
color: var(--razzmatazz-lips);
background-color: hsl(338 77% 52%);
border-color: oklch(0.601 0.222 6.4);
}Tailwind CSS v4
@theme {
--color-razzmatazz-lips: #e3256b;
--color-razzmatazz-lips-50: #ffdbe8;
--color-razzmatazz-lips-100: #ffc9d9;
--color-razzmatazz-lips-200: #ffaac1;
--color-razzmatazz-lips-300: #ff80a1;
--color-razzmatazz-lips-400: #ff5589;
--color-razzmatazz-lips-500: #f20e6e;
--color-razzmatazz-lips-600: #cc165e;
--color-razzmatazz-lips-700: #a5134b;
--color-razzmatazz-lips-800: #7b0b39;
--color-razzmatazz-lips-900: #570827;
--color-razzmatazz-lips-950: #3a0015;
}SCSS
$razzmatazz-lips: #e3256b;
$razzmatazz-lips-rgb: 227, 37, 107;
$razzmatazz-lips-light: mix(#fff, $razzmatazz-lips, 20%);
$razzmatazz-lips-dark: mix(#000, $razzmatazz-lips, 20%);
.element {
color: $razzmatazz-lips;
box-shadow: 0 0 0 2px rgba($razzmatazz-lips, 0.35);
}