이름 색상 · #B35E97
Spruce Tree Flower
Spruce Tree Flower은(는) #B35E97: rgb(179 94 151), hsl(320 36% 54%), oklch(0.6 0.13 341.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Spruce Tree Flower color name →
#B35E97
oklch(0.6 0.13 341.1)
색상 변환
- HEX
- #b35e97
- RGB
- rgb(179 94 151)
- HSL
- hsl(320 36% 54%)
- HWB
- hwb(320 37% 30%)
- OKLCH
- oklch(0.6 0.13 341.1)
- OKLab
- oklab(0.6 0.123 -0.042)
- CIE Lab
- lab(51.76 40.59 -15.35)
- LCH
- lch(51.76 43.39 339.3)
- CMYK
- cmyk(0% 47% 16% 30%)
틴트 · 셰이드 · 톤
틴트
- BC6EA1
- C47EAB
- CC8EB6
- D49EC0
- DCAECA
- E3BED5
- EBCEDF
- F2DEEA
- F8EFF4
셰이드
- 9B5183
- 84446F
- 6E375C
- 582B49
- 431F37
- 2F1426
- 1D0A17
- 0C0308
- 010001
톤
- AF6295
- AA6693
- A56A90
- A06E8E
- 9C718C
- 967489
- 917787
- 8C7A85
- 867D82
색 조화
보색 +180°
- B35E97
Spruce Tree Flower
- 0E9766
≈ Green Cyan
유사색 -30° +30°
- B35E97
Spruce Tree Flower
- 9967B9
≈ Prickly Purple
- C05B6D
≈ Candy Drop
삼각 배색 +120° +240°
- B35E97
Spruce Tree Flower
- 918100
≈ Thicket Green
- 008EAE
≈ Algiers Blue
분열 보색 +150° +210°
- B35E97
Spruce Tree Flower
- 648F34
≈ Olive Thrill
- 00938F
≈ Supermint
사각 배색 +90° +180° +270°
- B35E97
Spruce Tree Flower
- AF7100
≈ Caramel
- 0E9766
≈ Green Cyan
- 3D83CB
≈ Worn Denim
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.22:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.96:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 4.96:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--spruce-tree-flower: #b35e97;
--spruce-tree-flower-rgb: 179 94 151;
--spruce-tree-flower-oklch: oklch(0.6 0.13 341.1);
}
.element {
color: var(--spruce-tree-flower);
background-color: hsl(320 36% 54%);
border-color: oklch(0.6 0.13 341.1);
}Tailwind CSS v4
@theme {
--color-spruce-tree-flower: #b35e97;
--color-spruce-tree-flower-50: #ffe7ff;
--color-spruce-tree-flower-100: #ffd7f3;
--color-spruce-tree-flower-200: #fdbfe3;
--color-spruce-tree-flower-300: #e79cc9;
--color-spruce-tree-flower-400: #d27eb5;
--color-spruce-tree-flower-500: #be609f;
--color-spruce-tree-flower-600: #a15187;
--color-spruce-tree-flower-700: #81416c;
--color-spruce-tree-flower-800: #5f2f51;
--color-spruce-tree-flower-900: #432038;
--color-spruce-tree-flower-950: #2b0f23;
}SCSS
$spruce-tree-flower: #b35e97;
$spruce-tree-flower-rgb: 179, 94, 151;
$spruce-tree-flower-light: mix(#fff, $spruce-tree-flower, 20%);
$spruce-tree-flower-dark: mix(#000, $spruce-tree-flower, 20%);
.element {
color: $spruce-tree-flower;
box-shadow: 0 0 0 2px rgba($spruce-tree-flower, 0.35);
}