이름 색상 · #D89696
Blooming Perfect
Blooming Perfect은(는) #D89696: rgb(216 150 150), hsl(0 46% 72%), oklch(0.738 0.08 19.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Blooming Perfect color name →
#D89696
oklch(0.738 0.08 19.2)
색상 변환
- HEX
- #d89696
- RGB
- rgb(216 150 150)
- HSL
- hsl(0 46% 72%)
- HWB
- hwb(0 59% 15%)
- OKLCH
- oklch(0.738 0.08 19.2)
- OKLab
- oklab(0.738 0.075 0.026)
- CIE Lab
- lab(68.74 25.55 10.55)
- LCH
- lch(68.74 27.64 22.4)
- CMYK
- cmyk(0% 31% 31% 15%)
틴트 · 셰이드 · 톤
틴트
- DDA0A0
- E1ABAA
- E5B5B5
- E9C0BF
- EDCAC9
- F1D5D4
- F5DFDF
- F8EAE9
- FCF4F4
셰이드
- BC8282
- A06E6E
- 855B5B
- 6B4949
- 533737
- 3B2626
- 251616
- 110808
- 020101
톤
- CF9494
- C79292
- BE908F
- B58E8D
- AC8C8B
- A48989
- 9B8787
- 928584
- 898282
색 조화
보색 +180°
- D89696
Blooming Perfect
- 68BABD
≈ Fresh Soft Blue
유사색 -30° +30°
- D89696
Blooming Perfect
- D196B2
≈ Exotic Lilac
- D49B7D
≈ Italian Clay
삼각 배색 +120° +240°
- D89696
Blooming Perfect
- 90B786
≈ Aniseed Leaf Green
- 8CACDD
≈ Birdie Num Num
분열 보색 +150° +210°
- D89696
Blooming Perfect
- 75BBA2
≈ Arboretum
- 73B4D3
≈ Madonna Blue
사각 배색 +90° +180° +270°
- D89696
Blooming Perfect
- AEAF73
≈ Timothy Grass
- 68BABD
≈ Fresh Soft Blue
- A8A2DA
≈ Simply Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.40:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.72:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--blooming-perfect: #d89696;
--blooming-perfect-rgb: 216 150 150;
--blooming-perfect-oklch: oklch(0.738 0.08 19.2);
}
.element {
color: var(--blooming-perfect);
background-color: hsl(0 46% 72%);
border-color: oklch(0.738 0.08 19.2);
}Tailwind CSS v4
@theme {
--color-blooming-perfect: #d89696;
--color-blooming-perfect-50: #ffedeb;
--color-blooming-perfect-100: #ffdedc;
--color-blooming-perfect-200: #f5c7c5;
--color-blooming-perfect-300: #dea8a6;
--color-blooming-perfect-400: #c98c8c;
--color-blooming-perfect-500: #b57071;
--color-blooming-perfect-600: #995f60;
--color-blooming-perfect-700: #7b4c4c;
--color-blooming-perfect-800: #5b3738;
--color-blooming-perfect-900: #402526;
--color-blooming-perfect-950: #281415;
}SCSS
$blooming-perfect: #d89696;
$blooming-perfect-rgb: 216, 150, 150;
$blooming-perfect-light: mix(#fff, $blooming-perfect, 20%);
$blooming-perfect-dark: mix(#000, $blooming-perfect, 20%);
.element {
color: $blooming-perfect;
box-shadow: 0 0 0 2px rgba($blooming-perfect, 0.35);
}