Nazwany kolor · #F7CCCD
Kendall Rose
Kendall Rose to #F7CCCD: rgb(247 204 205), hsl(359 73% 88%), oklch(0.882 0.049 16.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Kendall Rose color name →
#F7CCCD
oklch(0.882 0.049 16.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F8D1D2
- F9D6D7
- FADBDC
- FBE0E1
- FCE5E6
- FCEBEB
- FDF0F0
- FEF5F5
- FEFAFA
Odcienie ciemniejsze
- D7B1B2
- B79798
- 997E7E
- 7C6566
- 604E4E
- 453738
- 2C2223
- 150F0F
- 030202
Tony
- EBC4C5
- DEBCBD
- D2B5B5
- C6ADAD
- BAA5A6
- AE9E9E
- A39696
- 978F8F
- 8B8787
Harmonie kolorów
Komplementarna +180°
- F7CCCD
Kendall Rose
- B4E3E3
≈ Seascape Green
Analogowa -30° +30°
- F7CCCD
Kendall Rose
- F2CCDF
≈ LA Vibes
- F5CFBE
≈ Indian Clay
Triada +120° +240°
- F7CCCD
Kendall Rose
- CAE0C1
≈ Shanghai Silk
- C4DAF9
≈ Fly a Kite
Komplementarna rozszczepiona +150° +210°
- F7CCCD
Kendall Rose
- BBE3D1
≈ Beru
- B7E0F1
≈ Bellagio Fountains
Tetrada +90° +180° +270°
- F7CCCD
Kendall Rose
- DCDBB6
≈ Beach Grass
- B4E3E3
≈ Seascape Green
- D5D4F8
≈ Flax Bloom
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.45:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.47:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.47:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
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);
}