Màu có tên · #F7EFEF
Vienna Dawn
Vienna Dawn là #F7EFEF: rgb(247 239 239), hsl(0 33% 95%), oklch(0.958 0.009 17.3). 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 Gray mean? → · Vienna Dawn color name →
#F7EFEF
oklch(0.958 0.009 17.3)
Chuyển đổi màu
- HEX
- #f7efef
- RGB
- rgb(247 239 239)
- HSL
- hsl(0 33% 95%)
- HWB
- hwb(0 94% 3%)
- OKLCH
- oklch(0.958 0.009 17.3)
- OKLab
- oklab(0.958 0.008 0.003)
- CIE Lab
- lab(95.08 2.78 1.01)
- LCH
- lch(95.08 2.96 19.9)
- CMYK
- cmyk(0% 3% 3% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F8F1F1
- F9F2F2
- F9F4F4
- FAF5F5
- FBF7F7
- FCF9F9
- FDFAFA
- FDFCFC
- FEFDFD
Sắc đậm
- D7D0D0
- B7B1B1
- 999494
- 7C7878
- 605C5C
- 454242
- 2C2A2A
- 151414
- 030303
Sắc xám
- EAE3E3
- DED8D8
- D2CCCC
- C6C1C1
- BAB6B6
- AEABAB
- A2A0A0
- 979595
- 8B8B8B
Hòa sắc
Bổ túc +180°
- F7EFEF
Vienna Dawn
- EBF3F3
≈ Warp Drive
Tương đồng -30° +30°
- F7EFEF
Vienna Dawn
- F6EFF2
≈ Plastic Clouds
- F6F0EC
≈ Soft Breeze
Bộ ba +120° +240°
- F7EFEF
Vienna Dawn
- EEF3ED
≈ Mineral Spring
- EEF2F7
≈ Airport
Bổ túc chia +150° +210°
- F7EFEF
Vienna Dawn
- ECF3F0
≈ Warp Drive
- ECF3F6
≈ Insignia White
Bộ bốn +90° +180° +270°
- F7EFEF
Vienna Dawn
- F2F2EB
≈ Picket Fence
- EBF3F3
≈ Warp Drive
- F1F0F7
≈ Alpine Goat
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.13:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.54:1 · APCA Lc 99
Màu chữ tốt nhất: #000000
WCAG 18.54:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
CSS
:root {
--vienna-dawn: #f7efef;
--vienna-dawn-rgb: 247 239 239;
--vienna-dawn-oklch: oklch(0.958 0.009 17.3);
}
.element {
color: var(--vienna-dawn);
background-color: hsl(0 33% 95%);
border-color: oklch(0.958 0.009 17.3);
}Tailwind CSS v4
@theme {
--color-vienna-dawn: #f7efef;
--color-vienna-dawn-50: #f8f4f4;
--color-vienna-dawn-100: #ebe7e7;
--color-vienna-dawn-200: #d8d3d3;
--color-vienna-dawn-300: #bcb6b5;
--color-vienna-dawn-400: #a39c9c;
--color-vienna-dawn-500: #8c8484;
--color-vienna-dawn-600: #767070;
--color-vienna-dawn-700: #5f5959;
--color-vienna-dawn-800: #454141;
--color-vienna-dawn-900: #302d2d;
--color-vienna-dawn-950: #1c1a1a;
}SCSS
$vienna-dawn: #f7efef;
$vienna-dawn-rgb: 247, 239, 239;
$vienna-dawn-light: mix(#fff, $vienna-dawn, 20%);
$vienna-dawn-dark: mix(#000, $vienna-dawn, 20%);
.element {
color: $vienna-dawn;
box-shadow: 0 0 0 2px rgba($vienna-dawn, 0.35);
}