이름 색상 · #865A64
Rose Garland
Rose Garland은(는) #865A64: rgb(134 90 100), hsl(346 20% 44%), oklch(0.518 0.059 4.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Rose Garland color name →
#865A64
oklch(0.518 0.059 4.5)
색상 변환
- HEX
- #865a64
- RGB
- rgb(134 90 100)
- HSL
- hsl(346 20% 44%)
- HWB
- hwb(346 35% 47%)
- OKLCH
- oklch(0.518 0.059 4.5)
- OKLab
- oklab(0.518 0.059 0.005)
- CIE Lab
- lab(43.37 19.75 2)
- LCH
- lch(43.37 19.85 5.8)
- CMYK
- cmyk(0% 33% 25% 47%)
틴트 · 셰이드 · 톤
틴트
- 926972
- 9E7981
- AA8990
- B6999F
- C2A9AE
- CEBABE
- DBCBCE
- E7DCDE
- F3EDEE
셰이드
- 744D56
- 624148
- 51353B
- 40292E
- 301E22
- 211316
- 13090B
- 060303
- 010000
톤
- 865E67
- 86626A
- 85666C
- 85696F
- 846D72
- 847175
- 837577
- 82797A
- 817C7D
색 조화
보색 +180°
- 865A64
Rose Garland
- 3D746C
≈ Green Sleeves
유사색 -30° +30°
- 865A64
Rose Garland
- 7E5C76
≈ Gala Ball
- 875C51
≈ Hanover Brick
삼각 배색 +120° +240°
- 865A64
Rose Garland
- 616E48
≈ Grass Blade
- 4A6C88
≈ Wedgewood
분열 보색 +150° +210°
- 865A64
Rose Garland
- 4C7359
≈ Green Valley
- 3C717E
≈ Grand Rapids
사각 배색 +90° +180° +270°
- 865A64
Rose Garland
- 736840
≈ Swinging Vine
- 3D746C
≈ Green Sleeves
- 5E668B
≈ Champion Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 5.73:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.66:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--rose-garland: #865a64;
--rose-garland-rgb: 134 90 100;
--rose-garland-oklch: oklch(0.518 0.059 4.5);
}
.element {
color: var(--rose-garland);
background-color: hsl(346 20% 44%);
border-color: oklch(0.518 0.059 4.5);
}Tailwind CSS v4
@theme {
--color-rose-garland: #865a64;
--color-rose-garland-50: #ffeff2;
--color-rose-garland-100: #fbe0e5;
--color-rose-garland-200: #eccad0;
--color-rose-garland-300: #d3abb2;
--color-rose-garland-400: #be909a;
--color-rose-garland-500: #a97681;
--color-rose-garland-600: #8e646d;
--color-rose-garland-700: #725057;
--color-rose-garland-800: #543a40;
--color-rose-garland-900: #3b282c;
--color-rose-garland-950: #25161a;
}SCSS
$rose-garland: #865a64;
$rose-garland-rgb: 134, 90, 100;
$rose-garland-light: mix(#fff, $rose-garland, 20%);
$rose-garland-dark: mix(#000, $rose-garland, 20%);
.element {
color: $rose-garland;
box-shadow: 0 0 0 2px rgba($rose-garland, 0.35);
}