Adlandırılmış renk · #BA417B
Razzle Dazzle
Razzle Dazzle, #BA417B: rgb(186 65 123), hsl(331 48% 49%), oklch(0.561 0.166 354.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Razzle Dazzle color name →
#BA417B
oklch(0.561 0.166 354.1)
Renk dönüşümleri
- HEX
- #ba417b
- RGB
- rgb(186 65 123)
- HSL
- hsl(331 48% 49%)
- HWB
- hwb(331 25% 27%)
- OKLCH
- oklch(0.561 0.166 354.1)
- OKLab
- oklab(0.561 0.165 -0.017)
- CIE Lab
- lab(46.86 53.22 -5.77)
- LCH
- lch(46.86 53.53 353.8)
- CMYK
- cmyk(0% 65% 34% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C35687
- CC6A94
- D47DA1
- DB8FAE
- E2A2BB
- E9B4C8
- EFC7D6
- F5D9E3
- FAECF1
Koyu tonlar
- A1376A
- 892E5A
- 72254A
- 5C1C3A
- 46132C
- 320B1E
- 1E0510
- 0D0105
- 020001
Gri tonlar
- B54A7C
- B1527C
- AC597D
- A75F7D
- A1657E
- 9B6B7E
- 95717F
- 8F767F
- 887B80
Renk uyumları
Tamamlayıcı +180°
- BA417B
Razzle Dazzle
- 008870
≈ Industrial Turquoise
Analog -30° +30°
- BA417B
Razzle Dazzle
- A24CAA
≈ Purpureus
- C34242
≈ Reddish
Üçlü +120° +240°
- BA417B
Razzle Dazzle
- 747C00
≈ Flag Green
- 007FAF
≈ Turkish Blue
Bölünmüş tamamlayıcı +150° +210°
- BA417B
Razzle Dazzle
- 1F8C2A
≈ Summer Forest Green
- 00848E
≈ Gulf Stream
Dörtlü +90° +180° +270°
- BA417B
Razzle Dazzle
- 946E00
≈ Honey Yellow Green
- 008870
≈ Industrial Turquoise
- 416ED4
≈ Han Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.08:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.12:1 · APCA Lc 27
En iyi metin rengi: #FFFFFF
WCAG 5.08:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--razzle-dazzle: #ba417b;
--razzle-dazzle-rgb: 186 65 123;
--razzle-dazzle-oklch: oklch(0.561 0.166 354.1);
}
.element {
color: var(--razzle-dazzle);
background-color: hsl(331 48% 49%);
border-color: oklch(0.561 0.166 354.1);
}Tailwind CSS v4
@theme {
--color-razzle-dazzle: #ba417b;
--color-razzle-dazzle-50: #ffe2f6;
--color-razzle-dazzle-100: #ffd2e9;
--color-razzle-dazzle-200: #ffb7d6;
--color-razzle-dazzle-300: #fa92ba;
--color-razzle-dazzle-400: #e770a5;
--color-razzle-dazzle-500: #d44c8d;
--color-razzle-dazzle-600: #b34278;
--color-razzle-dazzle-700: #903460;
--color-razzle-dazzle-800: #6b2548;
--color-razzle-dazzle-900: #4b1932;
--color-razzle-dazzle-950: #31091e;
}SCSS
$razzle-dazzle: #ba417b;
$razzle-dazzle-rgb: 186, 65, 123;
$razzle-dazzle-light: mix(#fff, $razzle-dazzle, 20%);
$razzle-dazzle-dark: mix(#000, $razzle-dazzle, 20%);
.element {
color: $razzle-dazzle;
box-shadow: 0 0 0 2px rgba($razzle-dazzle, 0.35);
}