이름 색상 · #86586A
Tulipwood
Tulipwood은(는) #86586A: rgb(134 88 106), hsl(337 21% 44%), oklch(0.516 0.065 354.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Tulipwood color name →
#86586A
oklch(0.516 0.065 354.5)
색상 변환
- HEX
- #86586a
- RGB
- rgb(134 88 106)
- HSL
- hsl(337 21% 44%)
- HWB
- hwb(337 35% 47%)
- OKLCH
- oklch(0.516 0.065 354.5)
- OKLab
- oklab(0.516 0.065 -0.006)
- CIE Lab
- lab(43.02 21.57 -2.14)
- LCH
- lch(43.02 21.68 354.3)
- CMYK
- cmyk(0% 34% 21% 47%)
틴트 · 셰이드 · 톤
틴트
- 926878
- 9E7786
- AA8794
- B698A3
- C2A8B2
- CEB9C1
- DBCAD0
- E7DCDF
- F3EDEF
셰이드
- 744B5B
- 623F4D
- 51333F
- 402831
- 301D24
- 211218
- 13090D
- 060304
- 010000
톤
- 865C6C
- 86606E
- 856471
- 856873
- 846C75
- 847077
- 837479
- 82787C
- 817C7E
색 조화
보색 +180°
- 86586A
Tulipwood
- 3B7465
≈ Nominee
유사색 -30° +30°
- 86586A
Tulipwood
- 7B5B7D
≈ Gala Ball
- 8A5955
≈ Red Willow
삼각 배색 +120° +240°
- 86586A
Tulipwood
- 676C3F
≈ Coconut Grove
- 406E88
≈ Crashing Waves
분열 보색 +150° +210°
- 86586A
Tulipwood
- 507250
≈ Irish Clover
- 337379
≈ King Tide
사각 배색 +90° +180° +270°
- 86586A
Tulipwood
- 79653A
≈ Nutria
- 3B7465
≈ Nominee
- 55678E
≈ UCLA Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 5.80:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.61:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.80:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--tulipwood: #86586a;
--tulipwood-rgb: 134 88 106;
--tulipwood-oklch: oklch(0.516 0.065 354.5);
}
.element {
color: var(--tulipwood);
background-color: hsl(337 21% 44%);
border-color: oklch(0.516 0.065 354.5);
}Tailwind CSS v4
@theme {
--color-tulipwood: #86586a;
--color-tulipwood-50: #ffeef5;
--color-tulipwood-100: #fbdfe8;
--color-tulipwood-200: #edc9d5;
--color-tulipwood-300: #d4aab8;
--color-tulipwood-400: #be8fa1;
--color-tulipwood-500: #a97489;
--color-tulipwood-600: #8f6274;
--color-tulipwood-700: #734f5c;
--color-tulipwood-800: #543944;
--color-tulipwood-900: #3b272f;
--color-tulipwood-950: #25151c;
}SCSS
$tulipwood: #86586a;
$tulipwood-rgb: 134, 88, 106;
$tulipwood-light: mix(#fff, $tulipwood, 20%);
$tulipwood-dark: mix(#000, $tulipwood, 20%);
.element {
color: $tulipwood;
box-shadow: 0 0 0 2px rgba($tulipwood, 0.35);
}