Màu có tên gần nhất · #FFF7E3
#FFF7E3
Màu có tên gần nhất: Crème de Pêche
#FFF7E3 (rgb(255 247 227), hsl(43 100% 95%), oklch(0.977 0.028 88.7)) gần nhất với màu có tên Crème de Pêche. 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.
#FFF7E3
oklch(0.977 0.028 88.7)
Chuyển đổi màu
- HEX
- #fff7e3
- RGB
- rgb(255 247 227)
- HSL
- hsl(43 100% 95%)
- HWB
- hwb(43 89% 0%)
- OKLCH
- oklch(0.977 0.028 88.7)
- OKLab
- oklab(0.977 0.001 0.028)
- CIE Lab
- lab(97.46 0.32 10.65)
- LCH
- lch(97.46 10.66 88.3)
- CMYK
- cmyk(0% 3% 11% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFF8E6
- FFF9E9
- FFF9EB
- FFFAEE
- FFFBF1
- FFFCF4
- FFFDF7
- FFFDF9
- FFFEFC
Sắc đậm
- DED7C5
- BEB7A8
- 9E998C
- 807C71
- 636057
- 48453F
- 2E2C27
- 161512
- 030303
Sắc xám
- F2EAD9
- E4DECE
- D7D2C4
- CAC6BA
- BEBAB0
- B1AEA6
- A4A29D
- 989793
- 8C8B89
Hòa sắc
Bổ túc +180°
- FFF7E3
Crème de Pêche
- F4F7FF
≈ Mā White
Tương đồng -30° +30°
- FFF7E3
Crème de Pêche
- FFF5EF
≈ Seashell
- F5FAE6
≈ Bean Sprout
Bộ ba +120° +240°
- FFF7E3
Crème de Pêche
- E8FCFF
≈ Placebo Sky
- FFF3FE
≈ Pinkish White
Bổ túc chia +150° +210°
- FFF7E3
Crème de Pêche
- F0F9FF
≈ Alice Blue
- F8F6FF
≈ Sugar Crystal
Bộ bốn +90° +180° +270°
- FFF7E3
Crème de Pêche
- E5FEF8
≈ Placebo Turquoise
- F4F7FF
≈ Mā White
- FFF4F7
≈ Sea Salt Sherbet
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.06:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 19.66:1 · APCA Lc 103
Màu chữ tốt nhất: #000000
WCAG 19.66:1 (AAA) · APCA Lc 103
Contrast pairs
Đoạn mã
CSS
:root {
--creme-de-peche: #fff7e3;
--creme-de-peche-rgb: 255 247 227;
--creme-de-peche-oklch: oklch(0.977 0.028 88.7);
}
.element {
color: var(--creme-de-peche);
background-color: hsl(43 100% 95%);
border-color: oklch(0.977 0.028 88.7);
}Tailwind CSS v4
@theme {
--color-creme-de-peche: #fff7e3;
--color-creme-de-peche-50: #f8f5ec;
--color-creme-de-peche-100: #ebe8de;
--color-creme-de-peche-200: #d8d4c7;
--color-creme-de-peche-300: #bdb7a8;
--color-creme-de-peche-400: #a59e8c;
--color-creme-de-peche-500: #8e8672;
--color-creme-de-peche-600: #787160;
--color-creme-de-peche-700: #605a4d;
--color-creme-de-peche-800: #464238;
--color-creme-de-peche-900: #312d26;
--color-creme-de-peche-950: #1d1a14;
}SCSS
$creme-de-peche: #fff7e3;
$creme-de-peche-rgb: 255, 247, 227;
$creme-de-peche-light: mix(#fff, $creme-de-peche, 20%);
$creme-de-peche-dark: mix(#000, $creme-de-peche, 20%);
.element {
color: $creme-de-peche;
box-shadow: 0 0 0 2px rgba($creme-de-peche, 0.35);
}