Nazwany kolor · #F4C9B1
Bellini
Bellini to #F4C9B1: rgb(244 201 177), hsl(21 75% 83%), oklch(0.867 0.059 50.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Bellini color name →
#F4C9B1
oklch(0.867 0.059 50.8)
Konwersje koloru
- HEX
- #f4c9b1
- RGB
- rgb(244 201 177)
- HSL
- hsl(21 75% 83%)
- HWB
- hwb(21 69% 4%)
- OKLCH
- oklch(0.867 0.059 50.8)
- OKLab
- oklab(0.867 0.037 0.046)
- CIE Lab
- lab(84.31 13.18 18.06)
- LCH
- lch(84.31 22.36 53.9)
- CMYK
- cmyk(0% 18% 27% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5CEB9
- F7D4C1
- F8D9C8
- F9DFD0
- FAE4D8
- FBE9E0
- FCEFE7
- FDF4EF
- FEFAF7
Odcienie ciemniejsze
- D4AE99
- B59583
- 977C6C
- 7A6457
- 5E4C42
- 44362F
- 2B221C
- 140F0C
- 030201
Tony
- E8C2AC
- DCBAA7
- D0B3A2
- C4AB9D
- B9A498
- AD9D94
- A2958F
- 968E8A
- 8B8785
Harmonie kolorów
Komplementarna +180°
- F4C9B1
Bellini
- ADDBF3
≈ Endless Horizon
Analogowa -30° +30°
- F4C9B1
Bellini
- F8C5C3
≈ Icing on the Cake
- E7D0A8
≈ Sand Sculpture
Triada +120° +240°
- F4C9B1
Bellini
- ADE0CE
≈ Meristem
- D3CDF8
≈ Lavender Blue
Komplementarna rozszczepiona +150° +210°
- F4C9B1
Bellini
- A6E0E3
≈ Blue Bauble
- BED4FB
≈ Oh Boy!
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.51:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.83:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.83:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--bellini: #f4c9b1;
--bellini-rgb: 244 201 177;
--bellini-oklch: oklch(0.867 0.059 50.8);
}
.element {
color: var(--bellini);
background-color: hsl(21 75% 83%);
border-color: oklch(0.867 0.059 50.8);
}Tailwind CSS v4
@theme {
--color-bellini: #f4c9b1;
--color-bellini-50: #fff1e6;
--color-bellini-100: #f9e3d6;
--color-bellini-200: #eacebe;
--color-bellini-300: #d1b09c;
--color-bellini-400: #bc957f;
--color-bellini-500: #a67b63;
--color-bellini-600: #8d6854;
--color-bellini-700: #715343;
--color-bellini-800: #533c30;
--color-bellini-900: #3a2a21;
--color-bellini-950: #241710;
}SCSS
$bellini: #f4c9b1;
$bellini-rgb: 244, 201, 177;
$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);
}