이름 색상 · #D1949C
Bridal Rose
Bridal Rose은(는) #D1949C: rgb(209 148 156), hsl(352 40% 70%), oklch(0.728 0.074 10.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Bridal Rose color name →
#D1949C
oklch(0.728 0.074 10.4)
색상 변환
- HEX
- #d1949c
- RGB
- rgb(209 148 156)
- HSL
- hsl(352 40% 70%)
- HWB
- hwb(352 58% 18%)
- OKLCH
- oklch(0.728 0.074 10.4)
- OKLab
- oklab(0.728 0.073 0.013)
- CIE Lab
- lab(67.6 24.49 5.47)
- LCH
- lch(67.6 25.09 12.6)
- CMYK
- cmyk(0% 29% 25% 18%)
틴트 · 셰이드 · 톤
틴트
- D69EA5
- DBA9AF
- E0B4B9
- E5BEC3
- E9C9CC
- EED4D6
- F2DEE0
- F7E9EB
- FBF4F5
셰이드
- B58087
- 9B6D73
- 815A5F
- 68484C
- 503639
- 392628
- 231618
- 100809
- 020101
톤
- C99299
- C19096
- B98E94
- B18C91
- A98A8E
- A1888B
- 998688
- 908486
- 888283
색 조화
보색 +180°
- D1949C
Bridal Rose
- 6DB6B2
≈ Swim
유사색 -30° +30°
- D1949C
Bridal Rose
- C895B6
≈ Morning Glory Pink
- D09884
≈ Dusty Coral
삼각 배색 +120° +240°
- D1949C
Bridal Rose
- 97B180
≈ Watercolour Green
- 84ABD5
≈ Cotton Wool Blue
분열 보색 +150° +210°
- D1949C
Bridal Rose
- 7DB697
≈ Padua
- 70B2C8
≈ Aspara
사각 배색 +90° +180° +270°
- D1949C
Bridal Rose
- B1A972
≈ Natchez Moss
- 6DB6B2
≈ Swim
- 9EA2D6
≈ Water Hyacinth
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.49:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.42:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.42:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--bridal-rose: #d1949c;
--bridal-rose-rgb: 209 148 156;
--bridal-rose-oklch: oklch(0.728 0.074 10.4);
}
.element {
color: var(--bridal-rose);
background-color: hsl(352 40% 70%);
border-color: oklch(0.728 0.074 10.4);
}Tailwind CSS v4
@theme {
--color-bridal-rose: #d1949c;
--color-bridal-rose-50: #ffedef;
--color-bridal-rose-100: #ffdee1;
--color-bridal-rose-200: #f2c8cb;
--color-bridal-rose-300: #dba8ad;
--color-bridal-rose-400: #c68c94;
--color-bridal-rose-500: #b1717a;
--color-bridal-rose-600: #966068;
--color-bridal-rose-700: #784d53;
--color-bridal-rose-800: #59373d;
--color-bridal-rose-900: #3e262a;
--color-bridal-rose-950: #271418;
}SCSS
$bridal-rose: #d1949c;
$bridal-rose-rgb: 209, 148, 156;
$bridal-rose-light: mix(#fff, $bridal-rose, 20%);
$bridal-rose-dark: mix(#000, $bridal-rose, 20%);
.element {
color: $bridal-rose;
box-shadow: 0 0 0 2px rgba($bridal-rose, 0.35);
}