이름 색상 · #BA417B
Razzle Dazzle
Razzle Dazzle은(는) #BA417B: rgb(186 65 123), hsl(331 48% 49%), oklch(0.561 0.166 354.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Razzle Dazzle color name →
#BA417B
oklch(0.561 0.166 354.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- C35687
- CC6A94
- D47DA1
- DB8FAE
- E2A2BB
- E9B4C8
- EFC7D6
- F5D9E3
- FAECF1
셰이드
- A1376A
- 892E5A
- 72254A
- 5C1C3A
- 46132C
- 320B1E
- 1E0510
- 0D0105
- 020001
톤
- B54A7C
- B1527C
- AC597D
- A75F7D
- A1657E
- 9B6B7E
- 95717F
- 8F767F
- 887B80
색 조화
보색 +180°
- BA417B
Razzle Dazzle
- 008870
≈ Industrial Turquoise
유사색 -30° +30°
- BA417B
Razzle Dazzle
- A24CAA
≈ Purpureus
- C34242
≈ Reddish
삼각 배색 +120° +240°
- BA417B
Razzle Dazzle
- 747C00
≈ Flag Green
- 007FAF
≈ Turkish Blue
분열 보색 +150° +210°
- BA417B
Razzle Dazzle
- 1F8C2A
≈ Summer Forest Green
- 00848E
≈ Gulf Stream
사각 배색 +90° +180° +270°
- BA417B
Razzle Dazzle
- 946E00
≈ Honey Yellow Green
- 008870
≈ Industrial Turquoise
- 416ED4
≈ Han Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 5.08:1 · APCA Lc 74
Ag
Fail검은색 위
WCAG 4.12:1 · APCA Lc 27
가장 좋은 글자색: #FFFFFF
WCAG 5.08:1 (AA) · APCA Lc 74
Contrast pairs
코드 스니펫
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);
}