Colore con nome · #CA93C1
Pomtini
Pomtini è #CA93C1: rgb(202 147 193), hsl(310 34% 68%), oklch(0.731 0.09 332.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Pomtini color name →
#CA93C1
oklch(0.731 0.09 332.3)
Conversioni di colore
- HEX
- #ca93c1
- RGB
- rgb(202 147 193)
- HSL
- hsl(310 34% 68%)
- HWB
- hwb(310 58% 21%)
- OKLCH
- oklch(0.731 0.09 332.3)
- OKLab
- oklab(0.731 0.08 -0.042)
- CIE Lab
- lab(67.49 26.85 -15.4)
- LCH
- lch(67.49 30.95 330.2)
- CMYK
- cmyk(0% 27% 4% 21%)
Tinte · Ombre · Toni
Tinte
- D09EC7
- D5A8CD
- DBB3D4
- E0BEDA
- E5C8E0
- EBD3E6
- F0DEEC
- F5E9F3
- FAF4F9
Ombre
- AF7FA7
- 956C8F
- 7C5977
- 64475F
- 4D3649
- 372534
- 221620
- 0F080E
- 020102
Toni
- C391BA
- BB90B4
- B48EAD
- AC8CA7
- A58AA0
- 9E889A
- 968693
- 8F848D
- 878286
Armonie di colore
Complementare +180°
- CA93C1
Pomtini
- 7CB98C
≈ Oilcloth Green
Analogo -30° +30°
- CA93C1
Pomtini
- B29BD7
≈ Violet Velvet
- D890A3
≈ Sugar Tooth
Triadico +120° +240°
- CA93C1
Pomtini
- BCA764
≈ Sassy Green
- 5CB7C9
≈ High Dive
Complementare divisa +150° +210°
- CA93C1
Pomtini
- 9EB171
≈ Matcha Mecha
- 60BBAC
≈ Bath Turquoise
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.48:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.45:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.45:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--pomtini: #ca93c1;
--pomtini-rgb: 202 147 193;
--pomtini-oklch: oklch(0.731 0.09 332.3);
}
.element {
color: var(--pomtini);
background-color: hsl(310 34% 68%);
border-color: oklch(0.731 0.09 332.3);
}Tailwind CSS v4
@theme {
--color-pomtini: #ca93c1;
--color-pomtini-50: #ffecff;
--color-pomtini-100: #fcddf4;
--color-pomtini-200: #edc6e4;
--color-pomtini-300: #d5a7ca;
--color-pomtini-400: #be8bb6;
--color-pomtini-500: #a96fa0;
--color-pomtini-600: #8f5e88;
--color-pomtini-700: #734b6d;
--color-pomtini-800: #543751;
--color-pomtini-900: #3b2538;
--color-pomtini-950: #251423;
}SCSS
$pomtini: #ca93c1;
$pomtini-rgb: 202, 147, 193;
$pomtini-light: mix(#fff, $pomtini, 20%);
$pomtini-dark: mix(#000, $pomtini, 20%);
.element {
color: $pomtini;
box-shadow: 0 0 0 2px rgba($pomtini, 0.35);
}