Adlandırılmış renk · #C2ABC4
Linnea Blossom
Linnea Blossom, #C2ABC4: rgb(194 171 196), hsl(295 17% 72%), oklch(0.769 0.043 323.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Linnea Blossom color name →
#C2ABC4
oklch(0.769 0.043 323.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C8B3CA
- CEBBD0
- D4C4D6
- DACCDB
- E0D4E1
- E6DDE7
- EDE5ED
- F3EEF3
- F9F6F9
Koyu tonlar
- A894AA
- 8F7E91
- 776878
- 605461
- 49404A
- 342D35
- 201B21
- 0E0B0E
- 020102
Gri tonlar
- BBA7BD
- B4A2B6
- AE9EAF
- A79AA8
- A195A1
- 9A919B
- 938D94
- 8D888D
- 868487
Renk uyumları
Tamamlayıcı +180°
- C2ABC4
Linnea Blossom
- A4BBA3
≈ Reeds
Analog -30° +30°
- C2ABC4
Linnea Blossom
- B5AFCE
≈ Lavender Dream
- CBA9B6
≈ Fragrant Lilac
Üçlü +120° +240°
- C2ABC4
Linnea Blossom
- C1B295
≈ Beachside Villa
- 94BCC0
≈ Casual Day
Bölünmüş tamamlayıcı +150° +210°
- C2ABC4
Linnea Blossom
- B3B798
≈ Plymouth Green
- 98BDB1
≈ Spring Stream
Dörtlü +90° +180° +270°
- C2ABC4
Linnea Blossom
- CBAD9B
≈ Powdered Allspice
- A4BBA3
≈ Reeds
- 99B9CC
≈ Arctic Sunrise
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.11:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.91:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
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);
}