이름 색상 · #86619F
Chive Blossom
Chive Blossom은(는) #86619F: rgb(134 97 159), hsl(276 24% 50%), oklch(0.555 0.102 310.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Chive Blossom color name →
#86619F
oklch(0.555 0.102 310.8)
색상 변환
- HEX
- #86619f
- RGB
- rgb(134 97 159)
- HSL
- hsl(276 24% 50%)
- HWB
- hwb(276 38% 38%)
- OKLCH
- oklch(0.555 0.102 310.8)
- OKLab
- oklab(0.555 0.067 -0.077)
- CIE Lab
- lab(46.94 24.47 -28.01)
- LCH
- lch(46.94 37.19 311.1)
- CMYK
- cmyk(16% 39% 0% 38%)
틴트 · 셰이드 · 톤
틴트
- 9270A9
- 9D7FB2
- A98FBC
- B59EC6
- C1AECF
- CDBED9
- D9CEE2
- E6DEEC
- F2EEF5
셰이드
- 74538A
- 624675
- 513961
- 402D4D
- 30213B
- 211529
- 130B18
- 060309
- 010001
톤
- 85649C
- 856899
- 846B96
- 846E93
- 837190
- 83748D
- 82778A
- 817A87
- 817D83
색 조화
보색 +180°
- 86619F
Chive Blossom
- 5E7F3C
≈ Hot Pepper Green
유사색 -30° +30°
- 86619F
Chive Blossom
- 696BAD
≈ Mediaeval
- 9B5A85
≈ Feminism
삼각 배색 +120° +240°
- 86619F
Chive Blossom
- 986825
≈ Olivia
- 008480
≈ Pond Bath
분열 보색 +150° +210°
- 86619F
Chive Blossom
- 807421
≈ Faience Green
- 30855F
≈ Chrysocolla Green
사각 배색 +90° +180° +270°
- 86619F
Chive Blossom
- A55D42
≈ Brick-A-Brack
- 5E7F3C
≈ Hot Pepper Green
- 00809D
≈ Amazing Sky
대비 및 접근성
Ag
AA흰색 위
WCAG 4.97:1 · APCA Lc 74
Ag
Fail검은색 위
WCAG 4.22:1 · APCA Lc 27
가장 좋은 글자색: #FFFFFF
WCAG 4.97:1 (AA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--chive-blossom: #86619f;
--chive-blossom-rgb: 134 97 159;
--chive-blossom-oklch: oklch(0.555 0.102 310.8);
}
.element {
color: var(--chive-blossom);
background-color: hsl(276 24% 50%);
border-color: oklch(0.555 0.102 310.8);
}Tailwind CSS v4
@theme {
--color-chive-blossom: #86619f;
--color-chive-blossom-50: #ffedff;
--color-chive-blossom-100: #f4dfff;
--color-chive-blossom-200: #e4c8f4;
--color-chive-blossom-300: #caa9dd;
--color-chive-blossom-400: #b28dcb;
--color-chive-blossom-500: #9c72b8;
--color-chive-blossom-600: #84619b;
--color-chive-blossom-700: #694d7d;
--color-chive-blossom-800: #4d385d;
--color-chive-blossom-900: #352641;
--color-chive-blossom-950: #20152a;
}SCSS
$chive-blossom: #86619f;
$chive-blossom-rgb: 134, 97, 159;
$chive-blossom-light: mix(#fff, $chive-blossom, 20%);
$chive-blossom-dark: mix(#000, $chive-blossom, 20%);
.element {
color: $chive-blossom;
box-shadow: 0 0 0 2px rgba($chive-blossom, 0.35);
}