이름 색상 · #E998B1
Double Bubble
Double Bubble은(는) #E998B1: rgb(233 152 177), hsl(341 65% 75%), oklch(0.768 0.101 359.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Double Bubble color name →
#E998B1
oklch(0.768 0.101 359.7)
색상 변환
- HEX
- #e998b1
- RGB
- rgb(233 152 177)
- HSL
- hsl(341 65% 75%)
- HWB
- hwb(341 60% 9%)
- OKLCH
- oklch(0.768 0.101 359.7)
- OKLab
- oklab(0.768 0.101 0)
- CIE Lab
- lab(71.76 33.63 0.21)
- LCH
- lch(71.76 33.63 0.4)
- CMYK
- cmyk(0% 35% 24% 9%)
틴트 · 셰이드 · 톤
틴트
- ECA2B9
- EFADC0
- F2B7C8
- F4C1D0
- F6CBD7
- F9D6DF
- FAE0E7
- FCEAEF
- FEF5F7
셰이드
- CB8499
- AD7083
- 905C6C
- 744A57
- 5A3842
- 41272F
- 29171C
- 13080C
- 030101
톤
- DF96AC
- D494A7
- CA91A2
- BF8F9D
- B58D98
- AA8A93
- A0888E
- 95858A
- 8B8385
색 조화
보색 +180°
- E998B1
Double Bubble
- 60C9B6
≈ Cockatoo
유사색 -30° +30°
- E998B1
Double Bubble
- D89CD3
≈ Velvet Horizon
- ED9B8D
≈ Whimsy
삼각 배색 +120° +240°
- E998B1
Double Bubble
- ABBD72
≈ Tan Green
- 74BCEE
≈ Aero
분열 보색 +150° +210°
- E998B1
Double Bubble
- 84C691
≈ Good Luck Charm
- 59C5D7
≈ Rushing Stream
사각 배색 +90° +180° +270°
- E998B1
Double Bubble
- CDB164
≈ Canadian Maple
- 60C9B6
≈ Cockatoo
- 9AB1F5
≈ Wondrous Wisteria
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.18:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.59:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.59:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--double-bubble: #e998b1;
--double-bubble-rgb: 233 152 177;
--double-bubble-oklch: oklch(0.768 0.101 359.7);
}
.element {
color: var(--double-bubble);
background-color: hsl(341 65% 75%);
border-color: oklch(0.768 0.101 359.7);
}Tailwind CSS v4
@theme {
--color-double-bubble: #e998b1;
--color-double-bubble-50: #ffeaf3;
--color-double-bubble-100: #ffdae5;
--color-double-bubble-200: #fbc3d1;
--color-double-bubble-300: #e4a2b3;
--color-double-bubble-400: #d0859c;
--color-double-bubble-500: #bc6884;
--color-double-bubble-600: #9f586f;
--color-double-bubble-700: #7f4659;
--color-double-bubble-800: #5e3342;
--color-double-bubble-900: #42222e;
--color-double-bubble-950: #2a111b;
}SCSS
$double-bubble: #e998b1;
$double-bubble-rgb: 233, 152, 177;
$double-bubble-light: mix(#fff, $double-bubble, 20%);
$double-bubble-dark: mix(#000, $double-bubble, 20%);
.element {
color: $double-bubble;
box-shadow: 0 0 0 2px rgba($double-bubble, 0.35);
}