Nazwany kolor · #F1BDBA
Pinkathon
Pinkathon to #F1BDBA: rgb(241 189 186), hsl(3 66% 84%), oklch(0.844 0.06 22.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Pinkathon color name →
#F1BDBA
oklch(0.844 0.06 22.2)
Konwersje koloru
- HEX
- #f1bdba
- RGB
- rgb(241 189 186)
- HSL
- hsl(3 66% 84%)
- HWB
- hwb(3 73% 5%)
- OKLCH
- oklch(0.844 0.06 22.2)
- OKLab
- oklab(0.844 0.056 0.023)
- CIE Lab
- lab(81.31 18.93 9.06)
- LCH
- lch(81.31 20.99 25.6)
- CMYK
- cmyk(0% 22% 23% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F3C4C1
- F4CAC8
- F6D1CE
- F8D7D5
- F9DEDC
- FAE4E3
- FCEBEA
- FDF2F1
- FEF8F8
Odcienie ciemniejsze
- D2A4A1
- B38C89
- 957472
- 795D5C
- 5D4746
- 433332
- 2B1F1E
- 140D0D
- 030202
Tony
- E5B7B4
- DAB1AE
- CEAAA8
- C3A4A2
- B89E9D
- AC9897
- A19291
- 968C8B
- 8B8686
Harmonie kolorów
Komplementarna +180°
- F1BDBA
Pinkathon
- 9DD8DD
≈ Lake Reflection
Analogowa -30° +30°
- F1BDBA
Pinkathon
- ECBCD0
≈ Dainty Pink
- EDC2A8
≈ Alesan
Triada +120° +240°
- F1BDBA
Pinkathon
- B6D6B2
≈ Flower Stem
- B7CDF4
≈ Frost Fairy
Komplementarna rozszczepiona +150° +210°
- F1BDBA
Pinkathon
- A4D9C7
≈ Yucca Cream
- A5D3ED
≈ Light Deluxe Days
Tetrada +90° +180° +270°
- F1BDBA
Pinkathon
- CCD0A3
≈ True to You
- 9DD8DD
≈ Lake Reflection
- CCC5F1
≈ Soap
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.64:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.72:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.72:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--pinkathon: #f1bdba;
--pinkathon-rgb: 241 189 186;
--pinkathon-oklch: oklch(0.844 0.06 22.2);
}
.element {
color: var(--pinkathon);
background-color: hsl(3 66% 84%);
border-color: oklch(0.844 0.06 22.2);
}Tailwind CSS v4
@theme {
--color-pinkathon: #f1bdba;
--color-pinkathon-50: #ffefed;
--color-pinkathon-100: #fce1de;
--color-pinkathon-200: #edcbc8;
--color-pinkathon-300: #d5aca8;
--color-pinkathon-400: #c0918e;
--color-pinkathon-500: #ab7674;
--color-pinkathon-600: #906462;
--color-pinkathon-700: #74504e;
--color-pinkathon-800: #563a3a;
--color-pinkathon-900: #3c2827;
--color-pinkathon-950: #251616;
}SCSS
$pinkathon: #f1bdba;
$pinkathon-rgb: 241, 189, 186;
$pinkathon-light: mix(#fff, $pinkathon, 20%);
$pinkathon-dark: mix(#000, $pinkathon, 20%);
.element {
color: $pinkathon;
box-shadow: 0 0 0 2px rgba($pinkathon, 0.35);
}