Nazwany kolor · #BB2277
Treasured Love
Treasured Love to #BB2277: rgb(187 34 119), hsl(327 69% 43%), oklch(0.534 0.199 352.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Treasured Love color name →
#BB2277
oklch(0.534 0.199 352.8)
Konwersje koloru
- HEX
- #bb2277
- RGB
- rgb(187 34 119)
- HSL
- hsl(327 69% 43%)
- HWB
- hwb(327 13% 27%)
- OKLCH
- oklch(0.534 0.199 352.8)
- OKLab
- oklab(0.534 0.197 -0.025)
- CIE Lab
- lab(43.24 63.14 -8.63)
- LCH
- lch(43.24 63.73 352.2)
- CMYK
- cmyk(0% 82% 36% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C54184
- CE5991
- D66F9E
- DE84AB
- E599B9
- ECADC7
- F1C2D4
- F7D6E2
- FBEAF1
Odcienie ciemniejsze
- A21C67
- 8A1657
- 731147
- 5C0B38
- 46072A
- 32031C
- 1F0110
- 0D0005
- 020001
Tony
- B73378
- B24079
- AE4B7A
- A8547B
- A35D7C
- 9D647D
- 976C7D
- 90737E
- 887A7F
Harmonie kolorów
Komplementarna +180°
- BB2277
Treasured Love
- 008067
≈ Generic Viridian
Analogowa -30° +30°
- BB2277
Treasured Love
- A036AE
≈ Purple Tone Ink
- C61E31
≈ Movie Star
Triada +120° +240°
- BB2277
Treasured Love
- 6E7300
≈ Spinach Soup
- 0076A2
≈ Summer Lake
Komplementarna rozszczepiona +150° +210°
- BB2277
Treasured Love
- 008506
≈ Lucky Clover
- 007C84
≈ Cote D’Azur
Tetrada +90° +180° +270°
- BB2277
Treasured Love
- 8C6600
≈ Alligator
- 008067
≈ Generic Viridian
- 2862DE
≈ Blue Ruin
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.82:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.60:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.82:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--treasured-love: #bb2277;
--treasured-love-rgb: 187 34 119;
--treasured-love-oklch: oklch(0.534 0.199 352.8);
}
.element {
color: var(--treasured-love);
background-color: hsl(327 69% 43%);
border-color: oklch(0.534 0.199 352.8);
}Tailwind CSS v4
@theme {
--color-treasured-love: #bb2277;
--color-treasured-love-50: #ffdef8;
--color-treasured-love-100: #ffcdeb;
--color-treasured-love-200: #ffb0d9;
--color-treasured-love-300: #ff89bd;
--color-treasured-love-400: #f263a9;
--color-treasured-love-500: #e03692;
--color-treasured-love-600: #be307b;
--color-treasured-love-700: #982763;
--color-treasured-love-800: #711b4b;
--color-treasured-love-900: #501234;
--color-treasured-love-950: #35031f;
}SCSS
$treasured-love: #bb2277;
$treasured-love-rgb: 187, 34, 119;
$treasured-love-light: mix(#fff, $treasured-love, 20%);
$treasured-love-dark: mix(#000, $treasured-love, 20%);
.element {
color: $treasured-love;
box-shadow: 0 0 0 2px rgba($treasured-love, 0.35);
}