Adlandırılmış renk · #A9586C
Splatter
Splatter, #A9586C: rgb(169 88 108), hsl(345 32% 50%), oklch(0.562 0.108 5.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Splatter color name →
#A9586C
oklch(0.562 0.108 5.4)
Renk dönüşümleri
- HEX
- #a9586c
- RGB
- rgb(169 88 108)
- HSL
- hsl(345 32% 50%)
- HWB
- hwb(345 35% 34%)
- OKLCH
- oklch(0.562 0.108 5.4)
- OKLab
- oklab(0.562 0.107 0.01)
- CIE Lab
- lab(47.92 35.48 4.43)
- LCH
- lch(47.92 35.75 7.1)
- CMYK
- cmyk(0% 48% 36% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B3687A
- BC7988
- C58996
- CE99A4
- D7AAB3
- DFBBC2
- E8CBD1
- F0DCE0
- F7EEEF
Koyu tonlar
- 924B5D
- 7C3F4E
- 673340
- 532832
- 3F1D25
- 2C1219
- 1B090D
- 0A0304
- 010000
Gri tonlar
- A65D6E
- A26170
- 9F6572
- 9B6A74
- 976E76
- 937178
- 8F757A
- 8A797C
- 857C7E
Renk uyumları
Tamamlayıcı +180°
- A9586C
Splatter
- 00887D
≈ Mystic Turquoise
Analog -30° +30°
- A9586C
Splatter
- 9C5B8E
≈ Bermuda Onion
- AB5C48
≈ Colourful Leaves
Üçlü +120° +240°
- A9586C
Splatter
- 668034
≈ Dirty Green
- 377AB0
≈ Vermeer Blue
Bölünmüş tamamlayıcı +150° +210°
- A9586C
Splatter
- 368859
≈ Argyle
- 00839A
≈ Zircon Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.88:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.29:1 · APCA Lc 28
En iyi metin rengi: #FFFFFF
WCAG 4.88:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--splatter: #a9586c;
--splatter-rgb: 169 88 108;
--splatter-oklch: oklch(0.562 0.108 5.4);
}
.element {
color: var(--splatter);
background-color: hsl(345 32% 50%);
border-color: oklch(0.562 0.108 5.4);
}Tailwind CSS v4
@theme {
--color-splatter: #a9586c;
--color-splatter-50: #ffe9ef;
--color-splatter-100: #ffdae1;
--color-splatter-200: #fec2cc;
--color-splatter-300: #e8a1ad;
--color-splatter-400: #d48395;
--color-splatter-500: #c1657c;
--color-splatter-600: #a35669;
--color-splatter-700: #834554;
--color-splatter-800: #61313e;
--color-splatter-900: #44222b;
--color-splatter-950: #2c1118;
}SCSS
$splatter: #a9586c;
$splatter-rgb: 169, 88, 108;
$splatter-light: mix(#fff, $splatter, 20%);
$splatter-dark: mix(#000, $splatter, 20%);
.element {
color: $splatter;
box-shadow: 0 0 0 2px rgba($splatter, 0.35);
}