Couleur nommée la plus proche · #F5C4A8
#F5C4A8
Couleur nommée la plus proche: Bellini
#F5C4A8 (rgb(245 196 168), hsl(22 79% 81%), oklch(0.857 0.068 51.2)) est la plus proche de la couleur nommée Bellini. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F5C4A8
oklch(0.857 0.068 51.2)
Conversions de couleur
- HEX
- #f5c4a8
- RGB
- rgb(245 196 168)
- HSL
- hsl(22 79% 81%)
- HWB
- hwb(22 66% 4%)
- OKLCH
- oklch(0.857 0.068 51.2)
- OKLab
- oklab(0.857 0.042 0.053)
- CIE Lab
- lab(83.05 15.19 21.09)
- LCH
- lch(83.05 26 54.2)
- CMYK
- cmyk(0% 20% 31% 4%)
Teintes · Ombres · Tons
Teintes
- F6CAB1
- F8D0B9
- F9D6C2
- FADCCB
- FBE2D3
- FCE7DC
- FDEDE5
- FEF3ED
- FEF9F6
Ombres
- D5AA92
- B6917C
- 987867
- 7B6152
- 5F4A3F
- 44352C
- 2B211A
- 150E0A
- 030201
Tons
- E9BDA4
- DDB6A0
- D1AF9C
- C5A898
- B9A294
- AE9B90
- A2948C
- 978D88
- 8B8784
Harmonies de couleurs
Complémentaire +180°
- F5C4A8
Bellini
- A3D9F5
≈ Sora Blue
Analogue -30° +30°
- F5C4A8
Bellini
- F9BFBD
≈ Carnation Bloom
- E7CC9E
≈ Harvest
Triadique +120° +240°
- F5C4A8
Bellini
- A3DFCA
≈ Meristem
- CFC9FA
≈ Lavender Blue
Complémentaire divisée +150° +210°
- F5C4A8
Bellini
- 9ADEE2
≈ Pale Pastel
- B7D1FD
≈ Ice Cold Stare
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.57:1 · APCA Lc 26
Ag
AAASur noir
WCAG 13.34:1 · APCA Lc 77
Meilleure couleur de texte: #000000
WCAG 13.34:1 (AAA) · APCA Lc 77
Contrast pairs
Extraits de code
CSS
:root {
--bellini: #f5c4a8;
--bellini-rgb: 245 196 168;
--bellini-oklch: oklch(0.857 0.068 51.2);
}
.element {
color: var(--bellini);
background-color: hsl(22 79% 81%);
border-color: oklch(0.857 0.068 51.2);
}Tailwind CSS v4
@theme {
--color-bellini: #f5c4a8;
--color-bellini-50: #fff0e4;
--color-bellini-100: #fbe2d3;
--color-bellini-200: #edcdba;
--color-bellini-300: #d4af98;
--color-bellini-400: #c0937a;
--color-bellini-500: #ab795c;
--color-bellini-600: #90674f;
--color-bellini-700: #74523f;
--color-bellini-800: #563b2d;
--color-bellini-900: #3c291f;
--color-bellini-950: #26170e;
}SCSS
$bellini: #f5c4a8;
$bellini-rgb: 245, 196, 168;
$bellini-light: mix(#fff, $bellini, 20%);
$bellini-dark: mix(#000, $bellini, 20%);
.element {
color: $bellini;
box-shadow: 0 0 0 2px rgba($bellini, 0.35);
}