Màu có tên gần nhất · #F5EBE2
#F5EBE2
Màu có tên gần nhất: Gardenia
#F5EBE2 (rgb(245 235 226), hsl(28 49% 92%), oklch(0.945 0.016 64.7)) gần nhất với màu có tên Gardenia. 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.
#F5EBE2
oklch(0.945 0.016 64.7)
Chuyển đổi màu
- HEX
- #f5ebe2
- RGB
- rgb(245 235 226)
- HSL
- hsl(28 49% 92%)
- HWB
- hwb(28 89% 4%)
- OKLCH
- oklch(0.945 0.016 64.7)
- OKLab
- oklab(0.945 0.007 0.015)
- CIE Lab
- lab(93.66 2.37 5.65)
- LCH
- lch(93.66 6.12 67.3)
- CMYK
- cmyk(0% 4% 8% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F6EDE5
- F7EFE8
- F8F1EB
- F9F3EE
- FAF5F0
- FBF7F3
- FCF9F6
- FDFBF9
- FEFDFC
Sắc đậm
- D5CCC4
- B6AEA8
- 98918C
- 7B7571
- 5F5B57
- 44413E
- 2B2927
- 151312
- 030303
Sắc xám
- E9E0D8
- DDD5CE
- D0CAC4
- C5BFBA
- B9B4B0
- ADA9A6
- A29F9C
- 969493
- 8B8A89
Hòa sắc
Bổ túc +180°
- F5EBE2
Gardenia
- E4EEF7
≈ First Snow
Tương đồng -30° +30°
- F5EBE2
Gardenia
- F8E9E6
≈ Musical Mist
- F0EDE1
≈ Salt Crystal
Bộ ba +120° +240°
- F5EBE2
Gardenia
- E2F1EE
≈ Himalayan Mist
- EFEAF6
≈ Bright Dusk
Bổ túc chia +150° +210°
- F5EBE2
Gardenia
- E1F0F4
≈ Diamond White
- E9ECF8
≈ Coconut White
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.17:1 · APCA Lc 8
Ag
AAATrên nền đen
WCAG 17.86:1 · APCA Lc 96
Màu chữ tốt nhất: #000000
WCAG 17.86:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--gardenia: #f5ebe2;
--gardenia-rgb: 245 235 226;
--gardenia-oklch: oklch(0.945 0.016 64.7);
}
.element {
color: var(--gardenia);
background-color: hsl(28 49% 92%);
border-color: oklch(0.945 0.016 64.7);
}Tailwind CSS v4
@theme {
--color-gardenia: #f5ebe2;
--color-gardenia-50: #f8f4f0;
--color-gardenia-100: #ece7e2;
--color-gardenia-200: #d9d3cd;
--color-gardenia-300: #bdb6af;
--color-gardenia-400: #a59d95;
--color-gardenia-500: #8e847b;
--color-gardenia-600: #787068;
--color-gardenia-700: #605953;
--color-gardenia-800: #47413d;
--color-gardenia-900: #312d2a;
--color-gardenia-950: #1d1a17;
}SCSS
$gardenia: #f5ebe2;
$gardenia-rgb: 245, 235, 226;
$gardenia-light: mix(#fff, $gardenia, 20%);
$gardenia-dark: mix(#000, $gardenia, 20%);
.element {
color: $gardenia;
box-shadow: 0 0 0 2px rgba($gardenia, 0.35);
}