Cor nomeada mais próxima · #F8CDCE
#F8CDCE
Cor nomeada mais próxima: Kendall Rose
#F8CDCE (rgb(248 205 206), hsl(359 75% 89%), oklch(0.886 0.049 16.5)) é mais próxima da cor nomeada Kendall Rose. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#F8CDCE
oklch(0.886 0.049 16.5)
Conversões de cor
- HEX
- #f8cdce
- RGB
- rgb(248 205 206)
- HSL
- hsl(359 75% 89%)
- HWB
- hwb(359 80% 3%)
- OKLCH
- oklch(0.886 0.049 16.5)
- OKLab
- oklab(0.886 0.047 0.014)
- CIE Lab
- lab(86.2 15.74 5.5)
- LCH
- lch(86.2 16.68 19.3)
- CMYK
- cmyk(0% 17% 17% 3%)
Tons claros · Sombras · Tons
Tons claros
- F9D2D3
- FAD7D8
- FBDCDD
- FBE1E1
- FCE6E6
- FDEBEB
- FDF0F0
- FEF5F5
- FFFAFA
Sombras
- D8B2B3
- B89898
- 9A7E7F
- 7C6666
- 604E4E
- 453838
- 2C2323
- 150F0F
- 030202
Tons
- ECC5C6
- DFBDBE
- D3B5B6
- C7AEAE
- BBA6A6
- AF9E9E
- A39797
- 978F8F
- 8C8787
Harmonias de cor
Complementar +180°
- F8CDCE
Kendall Rose
- B5E4E4
≈ Seascape Green
Análoga -30° +30°
- F8CDCE
Kendall Rose
- F3CDE0
≈ Minimal Rose
- F6D0BF
≈ Sand Island
Tríade +120° +240°
- F8CDCE
Kendall Rose
- CBE1C2
≈ Chayote
- C5DBFA
≈ Fly a Kite
Complementar dividida +150° +210°
- F8CDCE
Kendall Rose
- BCE4D2
≈ Beru
- B8E1F2
≈ Bellagio Fountains
Tétrade +90° +180° +270°
- F8CDCE
Kendall Rose
- DDDCB7
≈ Beach Grass
- B5E4E4
≈ Seascape Green
- D6D5F9
≈ Flax Bloom
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASobre preto
WCAG 14.61:1 · APCA Lc 82
Melhor cor de texto: #000000
WCAG 14.61:1 (AAA) · APCA Lc 82
Contrast pairs
Trechos de código
CSS
:root {
--kendall-rose: #f8cdce;
--kendall-rose-rgb: 248 205 206;
--kendall-rose-oklch: oklch(0.886 0.049 16.5);
}
.element {
color: var(--kendall-rose);
background-color: hsl(359 75% 89%);
border-color: oklch(0.886 0.049 16.5);
}Tailwind CSS v4
@theme {
--color-kendall-rose: #f8cdce;
--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: #f8cdce;
$kendall-rose-rgb: 248, 205, 206;
$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);
}