Colore con nome · #FFCBC9
Tint of Rose
Tint of Rose è #FFCBC9: rgb(255 203 201), hsl(2 100% 89%), oklch(0.887 0.059 20.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Tint of Rose color name →
#FFCBC9
oklch(0.887 0.059 20.9)
Conversioni di colore
- HEX
- #ffcbc9
- RGB
- rgb(255 203 201)
- HSL
- hsl(2 100% 89%)
- HWB
- hwb(2 79% 0%)
- OKLCH
- oklch(0.887 0.059 20.9)
- OKLab
- oklab(0.887 0.055 0.021)
- CIE Lab
- lab(86.31 18.77 8.4)
- LCH
- lch(86.31 20.56 24.1)
- CMYK
- cmyk(0% 20% 21% 0%)
Tinte · Ombre · Toni
Tinte
- FFD0CE
- FFD5D4
- FFDBD9
- FFE0DE
- FFE5E4
- FFEAE9
- FFEFEF
- FFF5F4
- FFFAFA
Ombre
- DEB0AE
- BE9695
- 9E7D7C
- 806564
- 634D4C
- 483736
- 2E2222
- 160F0F
- 030202
Toni
- F2C3C1
- E5BCBA
- D8B4B3
- CBACAB
- BEA5A4
- B29D9D
- A59695
- 998F8E
- 8C8787
Armonie di colore
Complementare +180°
- FFCBC9
Tint of Rose
- ACE6EA
≈ Uranus
Analogo -30° +30°
- FFCBC9
Tint of Rose
- FACADF
≈ Cherry Blush
- FBCFB7
≈ Ibis Pink
Triadico +120° +240°
- FFCBC9
Tint of Rose
- C5E4C0
≈ Sweet Menthol
- C6DBFF
≈ Arc Light
Complementare divisa +150° +210°
- FFCBC9
Tint of Rose
- B3E7D4
≈ Ode to Green
- B3E2FA
≈ Fairy Sparkles
Tetradico +90° +180° +270°
- FFCBC9
Tint of Rose
- DBDEB1
≈ Timid Absinthe
- ACE6EA
≈ Uranus
- D9D4FF
≈ Pale Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.63:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.63:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--tint-of-rose: #ffcbc9;
--tint-of-rose-rgb: 255 203 201;
--tint-of-rose-oklch: oklch(0.887 0.059 20.9);
}
.element {
color: var(--tint-of-rose);
background-color: hsl(2 100% 89%);
border-color: oklch(0.887 0.059 20.9);
}Tailwind CSS v4
@theme {
--color-tint-of-rose: #ffcbc9;
--color-tint-of-rose-50: #ffefed;
--color-tint-of-rose-100: #fbe1df;
--color-tint-of-rose-200: #edcbc8;
--color-tint-of-rose-300: #d4aca9;
--color-tint-of-rose-400: #bf918f;
--color-tint-of-rose-500: #aa7775;
--color-tint-of-rose-600: #906563;
--color-tint-of-rose-700: #73504f;
--color-tint-of-rose-800: #553a3a;
--color-tint-of-rose-900: #3b2828;
--color-tint-of-rose-950: #251616;
}SCSS
$tint-of-rose: #ffcbc9;
$tint-of-rose-rgb: 255, 203, 201;
$tint-of-rose-light: mix(#fff, $tint-of-rose, 20%);
$tint-of-rose-dark: mix(#000, $tint-of-rose, 20%);
.element {
color: $tint-of-rose;
box-shadow: 0 0 0 2px rgba($tint-of-rose, 0.35);
}