이름 색상 · #C2ABC4
Linnea Blossom
Linnea Blossom은(는) #C2ABC4: rgb(194 171 196), hsl(295 17% 72%), oklch(0.769 0.043 323.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Linnea Blossom color name →
#C2ABC4
oklch(0.769 0.043 323.5)
색상 변환
- HEX
- #c2abc4
- RGB
- rgb(194 171 196)
- HSL
- hsl(295 17% 72%)
- HWB
- hwb(295 67% 23%)
- OKLCH
- oklch(0.769 0.043 323.5)
- OKLab
- oklab(0.769 0.035 -0.026)
- CIE Lab
- lab(72.59 11.93 -9.59)
- LCH
- lch(72.59 15.31 321.2)
- CMYK
- cmyk(1% 13% 0% 23%)
틴트 · 셰이드 · 톤
틴트
- C8B3CA
- CEBBD0
- D4C4D6
- DACCDB
- E0D4E1
- E6DDE7
- EDE5ED
- F3EEF3
- F9F6F9
셰이드
- A894AA
- 8F7E91
- 776878
- 605461
- 49404A
- 342D35
- 201B21
- 0E0B0E
- 020102
톤
- BBA7BD
- B4A2B6
- AE9EAF
- A79AA8
- A195A1
- 9A919B
- 938D94
- 8D888D
- 868487
색 조화
보색 +180°
- C2ABC4
Linnea Blossom
- A4BBA3
≈ Reeds
유사색 -30° +30°
- C2ABC4
Linnea Blossom
- B5AFCE
≈ Lavender Dream
- CBA9B6
≈ Fragrant Lilac
삼각 배색 +120° +240°
- C2ABC4
Linnea Blossom
- C1B295
≈ Beachside Villa
- 94BCC0
≈ Casual Day
분열 보색 +150° +210°
- C2ABC4
Linnea Blossom
- B3B798
≈ Plymouth Green
- 98BDB1
≈ Spring Stream
사각 배색 +90° +180° +270°
- C2ABC4
Linnea Blossom
- CBAD9B
≈ Powdered Allspice
- A4BBA3
≈ Reeds
- 99B9CC
≈ Arctic Sunrise
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.11:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.91:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--linnea-blossom: #c2abc4;
--linnea-blossom-rgb: 194 171 196;
--linnea-blossom-oklch: oklch(0.769 0.043 323.5);
}
.element {
color: var(--linnea-blossom);
background-color: hsl(295 17% 72%);
border-color: oklch(0.769 0.043 323.5);
}Tailwind CSS v4
@theme {
--color-linnea-blossom: #c2abc4;
--color-linnea-blossom-50: #fcf1fc;
--color-linnea-blossom-100: #f0e3f0;
--color-linnea-blossom-200: #decedf;
--color-linnea-blossom-300: #c3b0c4;
--color-linnea-blossom-400: #ac96ad;
--color-linnea-blossom-500: #957d97;
--color-linnea-blossom-600: #7e6a80;
--color-linnea-blossom-700: #655466;
--color-linnea-blossom-800: #4a3e4c;
--color-linnea-blossom-900: #332a34;
--color-linnea-blossom-950: #1f1820;
}SCSS
$linnea-blossom: #c2abc4;
$linnea-blossom-rgb: 194, 171, 196;
$linnea-blossom-light: mix(#fff, $linnea-blossom, 20%);
$linnea-blossom-dark: mix(#000, $linnea-blossom, 20%);
.element {
color: $linnea-blossom;
box-shadow: 0 0 0 2px rgba($linnea-blossom, 0.35);
}