Najbliższy nazwany kolor · #AB2669
#AB2669
Najbliższy nazwany kolor: Plastic Lips
#AB2669 (rgb(171 38 105), hsl(330 64% 41%), oklch(0.504 0.177 355.1)) jest najbliższy nazwanemu kolorowi Plastic Lips. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#AB2669
oklch(0.504 0.177 355.1)
Konwersje koloru
- HEX
- #ab2669
- RGB
- rgb(171 38 105)
- HSL
- hsl(330 64% 41%)
- HWB
- hwb(330 15% 33%)
- OKLCH
- oklch(0.504 0.177 355.1)
- OKLab
- oklab(0.504 0.177 -0.015)
- CIE Lab
- lab(40.09 56.76 -4.97)
- LCH
- lch(40.09 56.98 355)
- CMYK
- cmyk(0% 78% 39% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B64177
- C05885
- CA6E93
- D382A2
- DC97B1
- E4ACC0
- ECC0D0
- F3D5DF
- F9EAEF
Odcienie ciemniejsze
- 94205A
- 7E194C
- 68133E
- 540D31
- 400824
- 2D0418
- 1B020C
- 0B0104
- 010000
Tony
- A8346B
- A5406E
- A24A70
- 9F5372
- 9B5B74
- 966377
- 926B79
- 8C727B
- 87797E
Harmonie kolorów
Komplementarna +180°
- AB2669
Plastic Lips
- 007561
≈ Tropical Rainforest
Analogowa -30° +30°
- AB2669
Plastic Lips
- 94349A
≈ Nebula Outpost
- B4262A
≈ Tartan Red
Triada +120° +240°
- AB2669
Plastic Lips
- 636B00
≈ Earthy Khaki Green
- 006D98
≈ Disarm
Komplementarna rozszczepiona +150° +210°
- AB2669
Plastic Lips
- 007A1F
≈ Green Glutton
- 00727C
≈ Scurf Green
Tetrada +90° +180° +270°
- AB2669
Plastic Lips
- 7F5F00
≈ Ground Earth
- 007561
≈ Tropical Rainforest
- 315AC8
≈ Free Speech Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.53:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.21:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.53:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--plastic-lips: #ab2669;
--plastic-lips-rgb: 171 38 105;
--plastic-lips-oklch: oklch(0.504 0.177 355.1);
}
.element {
color: var(--plastic-lips);
background-color: hsl(330 64% 41%);
border-color: oklch(0.504 0.177 355.1);
}Tailwind CSS v4
@theme {
--color-plastic-lips: #ab2669;
--color-plastic-lips-50: #ffe1f6;
--color-plastic-lips-100: #ffd0e8;
--color-plastic-lips-200: #ffb4d5;
--color-plastic-lips-300: #fe8fb8;
--color-plastic-lips-400: #ec6ca3;
--color-plastic-lips-500: #da458c;
--color-plastic-lips-600: #b83c76;
--color-plastic-lips-700: #94305f;
--color-plastic-lips-800: #6e2147;
--color-plastic-lips-900: #4d1631;
--color-plastic-lips-950: #33061d;
}SCSS
$plastic-lips: #ab2669;
$plastic-lips-rgb: 171, 38, 105;
$plastic-lips-light: mix(#fff, $plastic-lips, 20%);
$plastic-lips-dark: mix(#000, $plastic-lips, 20%);
.element {
color: $plastic-lips;
box-shadow: 0 0 0 2px rgba($plastic-lips, 0.35);
}