Màu có tên gần nhất · #F5C4A8
#F5C4A8
Màu có tên gần nhất: Bellini
#F5C4A8 (rgb(245 196 168), hsl(22 79% 81%), oklch(0.857 0.068 51.2)) gần nhất với màu có tên Bellini. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#F5C4A8
oklch(0.857 0.068 51.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F6CAB1
- F8D0B9
- F9D6C2
- FADCCB
- FBE2D3
- FCE7DC
- FDEDE5
- FEF3ED
- FEF9F6
Sắc đậm
- D5AA92
- B6917C
- 987867
- 7B6152
- 5F4A3F
- 44352C
- 2B211A
- 150E0A
- 030201
Sắc xám
- E9BDA4
- DDB6A0
- D1AF9C
- C5A898
- B9A294
- AE9B90
- A2948C
- 978D88
- 8B8784
Hòa sắc
Bổ túc +180°
- F5C4A8
Bellini
- A3D9F5
≈ Sora Blue
Tương đồng -30° +30°
- F5C4A8
Bellini
- F9BFBD
≈ Carnation Bloom
- E7CC9E
≈ Harvest
Bộ ba +120° +240°
- F5C4A8
Bellini
- A3DFCA
≈ Meristem
- CFC9FA
≈ Lavender Blue
Bổ túc chia +150° +210°
- F5C4A8
Bellini
- 9ADEE2
≈ Pale Pastel
- B7D1FD
≈ Ice Cold Stare
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.57:1 · APCA Lc 26
Ag
AAATrên nền đen
WCAG 13.34:1 · APCA Lc 77
Màu chữ tốt nhất: #000000
WCAG 13.34:1 (AAA) · APCA Lc 77
Contrast pairs
Đoạn mã
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);
}