Màu có tên · #F3CFB7
Apricot Freeze
Apricot Freeze là #F3CFB7: rgb(243 207 183), hsl(24 71% 84%), oklch(0.879 0.052 55.6). 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.
What does Orange mean? → · Apricot Freeze color name →
#F3CFB7
oklch(0.879 0.052 55.6)
Chuyển đổi màu
- HEX
- #f3cfb7
- RGB
- rgb(243 207 183)
- HSL
- hsl(24 71% 84%)
- HWB
- hwb(24 72% 5%)
- OKLCH
- oklch(0.879 0.052 55.6)
- OKLab
- oklab(0.879 0.029 0.043)
- CIE Lab
- lab(85.78 10.43 16.91)
- LCH
- lch(85.78 19.87 58.3)
- CMYK
- cmyk(0% 15% 25% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F4D4BE
- F6D9C5
- F7DDCC
- F8E2D4
- F9E7DB
- FBECE2
- FCF1E9
- FDF5F0
- FEFAF8
Sắc đậm
- D3B49F
- B49987
- 977F70
- 7A675A
- 5E4F45
- 443831
- 2B231E
- 14100C
- 030202
Sắc xám
- E7C7B1
- DBBFAC
- CFB7A6
- C4AFA1
- B8A79B
- AD9F96
- A19790
- 968F8B
- 8B8885
Hòa sắc
Bổ túc +180°
- F3CFB7
Apricot Freeze
- B7DDF5
≈ Diluted Blue
Tương đồng -30° +30°
- F3CFB7
Apricot Freeze
- F8CBC6
≈ Flush Pink
- E7D5B1
≈ Russeau Gold
Bộ ba +120° +240°
- F3CFB7
Apricot Freeze
- B4E3D5
≈ Cruise
- D9D1F6
≈ Pale Lavender
Bổ túc chia +150° +210°
- F3CFB7
Apricot Freeze
- B0E2E8
≈ Across the Bay
- C7D7FA
≈ Pale Phthalo Blue
Bộ bốn +90° +180° +270°
- F3CFB7
Apricot Freeze
- C2E1C3
≈ Sugar Mint
- B7DDF5
≈ Diluted Blue
- EACCEA
≈ Bubblegum Crisis
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.45:1 · APCA Lc 22
Ag
AAATrên nền đen
WCAG 14.41:1 · APCA Lc 82
Màu chữ tốt nhất: #000000
WCAG 14.41:1 (AAA) · APCA Lc 82
Contrast pairs
Đoạn mã
CSS
:root {
--apricot-freeze: #f3cfb7;
--apricot-freeze-rgb: 243 207 183;
--apricot-freeze-oklch: oklch(0.879 0.052 55.6);
}
.element {
color: var(--apricot-freeze);
background-color: hsl(24 71% 84%);
border-color: oklch(0.879 0.052 55.6);
}Tailwind CSS v4
@theme {
--color-apricot-freeze: #f3cfb7;
--color-apricot-freeze-50: #fff2e7;
--color-apricot-freeze-100: #f6e4d7;
--color-apricot-freeze-200: #e6cfbf;
--color-apricot-freeze-300: #cdb19e;
--color-apricot-freeze-400: #b79781;
--color-apricot-freeze-500: #a27e65;
--color-apricot-freeze-600: #896a56;
--color-apricot-freeze-700: #6d5544;
--color-apricot-freeze-800: #513e31;
--color-apricot-freeze-900: #382a22;
--color-apricot-freeze-950: #231811;
}SCSS
$apricot-freeze: #f3cfb7;
$apricot-freeze-rgb: 243, 207, 183;
$apricot-freeze-light: mix(#fff, $apricot-freeze, 20%);
$apricot-freeze-dark: mix(#000, $apricot-freeze, 20%);
.element {
color: $apricot-freeze;
box-shadow: 0 0 0 2px rgba($apricot-freeze, 0.35);
}