Colore con nome · #F7CCCD
Kendall Rose
Kendall Rose è #F7CCCD: rgb(247 204 205), hsl(359 73% 88%), oklch(0.882 0.049 16.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Kendall Rose color name →
#F7CCCD
oklch(0.882 0.049 16.5)
Conversioni di colore
- HEX
- #f7cccd
- RGB
- rgb(247 204 205)
- HSL
- hsl(359 73% 88%)
- HWB
- hwb(359 80% 3%)
- OKLCH
- oklch(0.882 0.049 16.5)
- OKLab
- oklab(0.882 0.047 0.014)
- CIE Lab
- lab(85.85 15.76 5.51)
- LCH
- lch(85.85 16.69 19.3)
- CMYK
- cmyk(0% 17% 17% 3%)
Tinte · Ombre · Toni
Tinte
- F8D1D2
- F9D6D7
- FADBDC
- FBE0E1
- FCE5E6
- FCEBEB
- FDF0F0
- FEF5F5
- FEFAFA
Ombre
- D7B1B2
- B79798
- 997E7E
- 7C6566
- 604E4E
- 453738
- 2C2223
- 150F0F
- 030202
Toni
- EBC4C5
- DEBCBD
- D2B5B5
- C6ADAD
- BAA5A6
- AE9E9E
- A39696
- 978F8F
- 8B8787
Armonie di colore
Complementare +180°
- F7CCCD
Kendall Rose
- B4E3E3
≈ Seascape Green
Analogo -30° +30°
- F7CCCD
Kendall Rose
- F2CCDF
≈ LA Vibes
- F5CFBE
≈ Indian Clay
Triadico +120° +240°
- F7CCCD
Kendall Rose
- CAE0C1
≈ Shanghai Silk
- C4DAF9
≈ Fly a Kite
Complementare divisa +150° +210°
- F7CCCD
Kendall Rose
- BBE3D1
≈ Beru
- B7E0F1
≈ Bellagio Fountains
Tetradico +90° +180° +270°
- F7CCCD
Kendall Rose
- DCDBB6
≈ Beach Grass
- B4E3E3
≈ Seascape Green
- D5D4F8
≈ Flax Bloom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.45:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.47:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.47:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--kendall-rose: #f7cccd;
--kendall-rose-rgb: 247 204 205;
--kendall-rose-oklch: oklch(0.882 0.049 16.5);
}
.element {
color: var(--kendall-rose);
background-color: hsl(359 73% 88%);
border-color: oklch(0.882 0.049 16.5);
}Tailwind CSS v4
@theme {
--color-kendall-rose: #f7cccd;
--color-kendall-rose-50: #fff0f0;
--color-kendall-rose-100: #f8e2e2;
--color-kendall-rose-200: #e9cccc;
--color-kendall-rose-300: #cfaeae;
--color-kendall-rose-400: #ba9394;
--color-kendall-rose-500: #a4797b;
--color-kendall-rose-600: #8b6768;
--color-kendall-rose-700: #6f5253;
--color-kendall-rose-800: #523c3d;
--color-kendall-rose-900: #39292a;
--color-kendall-rose-950: #231718;
}SCSS
$kendall-rose: #f7cccd;
$kendall-rose-rgb: 247, 204, 205;
$kendall-rose-light: mix(#fff, $kendall-rose, 20%);
$kendall-rose-dark: mix(#000, $kendall-rose, 20%);
.element {
color: $kendall-rose;
box-shadow: 0 0 0 2px rgba($kendall-rose, 0.35);
}