Colore con nome · #F5D0C9
Coral Candy
Coral Candy è #F5D0C9: rgb(245 208 201), hsl(10 69% 87%), oklch(0.887 0.043 30.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Coral Candy color name →
#F5D0C9
oklch(0.887 0.043 30.5)
Conversioni di colore
- HEX
- #f5d0c9
- RGB
- rgb(245 208 201)
- HSL
- hsl(10 69% 87%)
- HWB
- hwb(10 79% 4%)
- OKLCH
- oklch(0.887 0.043 30.5)
- OKLab
- oklab(0.887 0.037 0.022)
- CIE Lab
- lab(86.54 12.6 8.57)
- LCH
- lch(86.54 15.23 34.2)
- CMYK
- cmyk(0% 15% 18% 4%)
Tinte · Ombre · Toni
Tinte
- F6D5CE
- F7D9D4
- F8DED9
- F9E3DE
- FAE7E4
- FBECE9
- FCF1EF
- FDF6F4
- FEFAFA
Ombre
- D5B5AE
- B69A95
- 98807C
- 7B6764
- 5F4F4C
- 443936
- 2B2322
- 15100F
- 030202
Toni
- E9C8C1
- DDC0BA
- D1B7B3
- C5AFAB
- B9A7A4
- AD9F9D
- A29795
- 978F8E
- 8B8887
Armonie di colore
Complementare +180°
- F5D0C9
Coral Candy
- BAE2EA
≈ Alaskan Wind
Analogo -30° +30°
- F5D0C9
Coral Candy
- F3CFD8
≈ Lover’s Retreat
- F0D4BE
≈ Budding Peach
Triadico +120° +240°
- F5D0C9
Coral Candy
- C6E2CB
≈ Wishful Green
- CFD9F7
≈ Flax Bloom
Complementare divisa +150° +210°
- F5D0C9
Coral Candy
- BCE4DB
≈ Soothing Sea
- C1DEF4
≈ Tropical Pool
Tetradico +90° +180° +270°
- F5D0C9
Coral Candy
- D5DFBF
≈ Security
- BAE2EA
≈ Alaskan Wind
- DED4F3
≈ Japan Blush
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.42:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.74:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.74:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--coral-candy: #f5d0c9;
--coral-candy-rgb: 245 208 201;
--coral-candy-oklch: oklch(0.887 0.043 30.5);
}
.element {
color: var(--coral-candy);
background-color: hsl(10 69% 87%);
border-color: oklch(0.887 0.043 30.5);
}Tailwind CSS v4
@theme {
--color-coral-candy: #f5d0c9;
--color-coral-candy-50: #fff1ed;
--color-coral-candy-100: #f6e3df;
--color-coral-candy-200: #e6cec9;
--color-coral-candy-300: #ccb0aa;
--color-coral-candy-400: #b7968f;
--color-coral-candy-500: #a17c75;
--color-coral-candy-600: #886963;
--color-coral-candy-700: #6d544f;
--color-coral-candy-800: #503d3a;
--color-coral-candy-900: #382a28;
--color-coral-candy-950: #221716;
}SCSS
$coral-candy: #f5d0c9;
$coral-candy-rgb: 245, 208, 201;
$coral-candy-light: mix(#fff, $coral-candy, 20%);
$coral-candy-dark: mix(#000, $coral-candy, 20%);
.element {
color: $coral-candy;
box-shadow: 0 0 0 2px rgba($coral-candy, 0.35);
}