이름 색상 · #E09B81
Blushing Rose
Blushing Rose은(는) #E09B81: rgb(224 155 129), hsl(16 61% 69%), oklch(0.751 0.091 41.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Blushing Rose color name →
#E09B81
oklch(0.751 0.091 41.5)
색상 변환
- HEX
- #e09b81
- RGB
- rgb(224 155 129)
- HSL
- hsl(16 61% 69%)
- HWB
- hwb(16 51% 12%)
- OKLCH
- oklch(0.751 0.091 41.5)
- OKLab
- oklab(0.751 0.068 0.06)
- CIE Lab
- lab(70.46 24.31 24.59)
- LCH
- lch(70.46 34.58 45.3)
- CMYK
- cmyk(0% 31% 42% 12%)
틴트 · 셰이드 · 톤
틴트
- E4A58D
- E7AF9A
- EBB9A6
- EEC3B3
- F1CDBF
- F4D7CC
- F7E1D9
- FAEBE5
- FDF5F2
셰이드
- C3866F
- A6725E
- 8A5E4E
- 704B3E
- 56392E
- 3E281F
- 271812
- 120906
- 020101
톤
- D69981
- CD9681
- C39381
- BA9181
- B08E81
- A78B81
- 9D8981
- 938681
- 8A8380
색 조화
보색 +180°
- E09B81
Blushing Rose
- 67BBD7
≈ Baby Tears
유사색 -30° +30°
- E09B81
Blushing Rose
- E1969F
≈ Marker Pink
- D2A56C
≈ Wonton Dumpling
삼각 배색 +120° +240°
- E09B81
Blushing Rose
- 77C09C
≈ Gem Silica
- A4A8E7
≈ Maximum Blue Purple
분열 보색 +150° +210°
- E09B81
Blushing Rose
- 61C1BC
≈ Tropic Tide
- 83B2E6
≈ Lucea
사각 배색 +90° +180° +270°
- E09B81
Blushing Rose
- 99BA7E
≈ Gleeful
- 67BBD7
≈ Baby Tears
- C19ED9
≈ Mauve Mist
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.28:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.17:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--blushing-rose: #e09b81;
--blushing-rose-rgb: 224 155 129;
--blushing-rose-oklch: oklch(0.751 0.091 41.5);
}
.element {
color: var(--blushing-rose);
background-color: hsl(16 61% 69%);
border-color: oklch(0.751 0.091 41.5);
}Tailwind CSS v4
@theme {
--color-blushing-rose: #e09b81;
--color-blushing-rose-50: #ffeee1;
--color-blushing-rose-100: #ffdfd0;
--color-blushing-rose-200: #f7c9b5;
--color-blushing-rose-300: #e0a992;
--color-blushing-rose-400: #cd8c74;
--color-blushing-rose-500: #b97155;
--color-blushing-rose-600: #9c6049;
--color-blushing-rose-700: #7d4c3a;
--color-blushing-rose-800: #5d372a;
--color-blushing-rose-900: #41261c;
--color-blushing-rose-950: #2a140c;
}SCSS
$blushing-rose: #e09b81;
$blushing-rose-rgb: 224, 155, 129;
$blushing-rose-light: mix(#fff, $blushing-rose, 20%);
$blushing-rose-dark: mix(#000, $blushing-rose, 20%);
.element {
color: $blushing-rose;
box-shadow: 0 0 0 2px rgba($blushing-rose, 0.35);
}