Nazwany kolor · #AA1188
Blissful Berry
Blissful Berry to #AA1188: rgb(170 17 136), hsl(313 82% 37%), oklch(0.503 0.21 340.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Blissful Berry color name →
#AA1188
oklch(0.503 0.21 340.2)
Konwersje koloru
- HEX
- #aa1188
- RGB
- rgb(170 17 136)
- HSL
- hsl(313 82% 37%)
- HWB
- hwb(313 7% 33%)
- OKLCH
- oklch(0.503 0.21 340.2)
- OKLab
- oklab(0.503 0.197 -0.071)
- CIE Lab
- lab(39.31 63.7 -25.48)
- LCH
- lch(39.31 68.61 338.2)
- CMYK
- cmyk(0% 90% 20% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B53794
- BF51A0
- C968AB
- D37EB7
- DB94C3
- E4A9CF
- EBBFDB
- F2D4E7
- F9E9F3
Odcienie ciemniejsze
- 930D75
- 7D0963
- 680652
- 530441
- 3F0231
- 2D0122
- 1B0013
- 0B0006
- 010001
Tony
- A72988
- A53887
- A14486
- 9E4F86
- 9A5885
- 966184
- 916983
- 8C7182
- 867981
Harmonie kolorów
Komplementarna +180°
- AA1188
Blissful Berry
- 00774D
≈ Gnarls Green
Analogowa -30° +30°
- AA1188
Blissful Berry
- 882EBA
≈ Pheromone Purple
- BA0049
≈ Red Paracentrotus
Triada +120° +240°
- AA1188
Blissful Berry
- 726500
≈ Spicy Mustard
- 007088
≈ Blue Jay Crest
Komplementarna rozszczepiona +150° +210°
- AA1188
Blissful Berry
- 497200
≈ Tropicana
- 00746F
≈ Reef
Tetrada +90° +180° +270°
- AA1188
Blissful Berry
- 8B5700
≈ Spear Shaft
- 00774D
≈ Gnarls Green
- 0066B2
≈ Ephren Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.67:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.14:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.67:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--blissful-berry: #aa1188;
--blissful-berry-rgb: 170 17 136;
--blissful-berry-oklch: oklch(0.503 0.21 340.2);
}
.element {
color: var(--blissful-berry);
background-color: hsl(313 82% 37%);
border-color: oklch(0.503 0.21 340.2);
}Tailwind CSS v4
@theme {
--color-blissful-berry: #aa1188;
--color-blissful-berry-50: #ffdeff;
--color-blissful-berry-100: #ffccfb;
--color-blissful-berry-200: #ffb0ed;
--color-blissful-berry-300: #fe88d5;
--color-blissful-berry-400: #eb63c4;
--color-blissful-berry-500: #d936b0;
--color-blissful-berry-600: #b73095;
--color-blissful-berry-700: #932677;
--color-blissful-berry-800: #6d1b5b;
--color-blissful-berry-900: #4d123f;
--color-blissful-berry-950: #320328;
}SCSS
$blissful-berry: #aa1188;
$blissful-berry-rgb: 170, 17, 136;
$blissful-berry-light: mix(#fff, $blissful-berry, 20%);
$blissful-berry-dark: mix(#000, $blissful-berry, 20%);
.element {
color: $blissful-berry;
box-shadow: 0 0 0 2px rgba($blissful-berry, 0.35);
}