이름 색상 · #C6B4B2
Rosy Linen
Rosy Linen은(는) #C6B4B2: rgb(198 180 178), hsl(6 15% 74%), oklch(0.785 0.021 25.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Rosy Linen color name →
#C6B4B2
oklch(0.785 0.021 25.2)
색상 변환
- HEX
- #c6b4b2
- RGB
- rgb(198 180 178)
- HSL
- hsl(6 15% 74%)
- HWB
- hwb(6 70% 22%)
- OKLCH
- oklch(0.785 0.021 25.2)
- OKLab
- oklab(0.785 0.019 0.009)
- CIE Lab
- lab(74.81 6.39 3.48)
- LCH
- lch(74.81 7.28 28.6)
- CMYK
- cmyk(0% 9% 10% 22%)
틴트 · 셰이드 · 톤
틴트
- CCBBB9
- D1C3C1
- D7CAC9
- DDD1D0
- E2D9D8
- E8E0E0
- EEE8E7
- F3F0EF
- F9F7F7
셰이드
- AC9C9A
- 928583
- 7A6E6D
- 625857
- 4B4443
- 35302F
- 211D1D
- 0E0C0C
- 020201
톤
- BFAFAD
- B8A9A8
- B1A4A3
- A99F9E
- A29A99
- 9B9494
- 958F8F
- 8E8A8A
- 878585
색 조화
보색 +180°
- C6B4B2
Rosy Linen
- AABDBF
≈ Grey Grain
유사색 -30° +30°
- C6B4B2
Rosy Linen
- C5B4B9
≈ Blossom Powder
- C4B6AC
≈ Versatile Taupe
삼각 배색 +120° +240°
- C6B4B2
Rosy Linen
- B1BDB1
≈ Cottage Charm
- B2B9C7
≈ Spirit
분열 보색 +150° +210°
- C6B4B2
Rosy Linen
- ACBDB8
≈ Water Surface
- ADBBC5
≈ Hazy Skies
사각 배색 +90° +180° +270°
- C6B4B2
Rosy Linen
- B8BBAC
≈ Grey Jade
- AABDBF
≈ Grey Grain
- B9B6C5
≈ Juniper Berry
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.98:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.57:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--rosy-linen: #c6b4b2;
--rosy-linen-rgb: 198 180 178;
--rosy-linen-oklch: oklch(0.785 0.021 25.2);
}
.element {
color: var(--rosy-linen);
background-color: hsl(6 15% 74%);
border-color: oklch(0.785 0.021 25.2);
}Tailwind CSS v4
@theme {
--color-rosy-linen: #c6b4b2;
--color-rosy-linen-50: #fbf3f2;
--color-rosy-linen-100: #efe5e4;
--color-rosy-linen-200: #ddd1cf;
--color-rosy-linen-300: #c2b4b2;
--color-rosy-linen-400: #ab9a98;
--color-rosy-linen-500: #94817f;
--color-rosy-linen-600: #7d6d6c;
--color-rosy-linen-700: #645756;
--color-rosy-linen-800: #49403f;
--color-rosy-linen-900: #332c2b;
--color-rosy-linen-950: #1f1919;
}SCSS
$rosy-linen: #c6b4b2;
$rosy-linen-rgb: 198, 180, 178;
$rosy-linen-light: mix(#fff, $rosy-linen, 20%);
$rosy-linen-dark: mix(#000, $rosy-linen, 20%);
.element {
color: $rosy-linen;
box-shadow: 0 0 0 2px rgba($rosy-linen, 0.35);
}