Màu có tên gần nhất · #FBF1E9
#FBF1E9
Màu có tên gần nhất: Seashell
#FBF1E9 (rgb(251 241 233), hsl(27 69% 95%), oklch(0.964 0.015 61.3)) gần nhất với màu có tên Seashell. 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.
#FBF1E9
oklch(0.964 0.015 61.3)
Chuyển đổi màu
- HEX
- #fbf1e9
- RGB
- rgb(251 241 233)
- HSL
- hsl(27 69% 95%)
- HWB
- hwb(27 91% 2%)
- OKLCH
- oklch(0.964 0.015 61.3)
- OKLab
- oklab(0.964 0.007 0.013)
- CIE Lab
- lab(95.77 2.47 5.13)
- LCH
- lch(95.77 5.7 64.3)
- CMYK
- cmyk(0% 4% 7% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FBF2EB
- FCF4ED
- FCF5F0
- FDF7F2
- FDF8F4
- FDF9F6
- FEFBF8
- FEFCFB
- FFFEFD
Sắc đậm
- DAD2CB
- BAB3AD
- 9C9590
- 7E7974
- 615D5A
- 464341
- 2D2B29
- 151413
- 030303
Sắc xám
- EEE5DE
- E1D9D3
- D5CEC8
- C8C2BE
- BCB7B3
- AFACA9
- A3A19E
- 979694
- 8C8B8A
Hòa sắc
Bổ túc +180°
- FBF1E9
Seashell
- EBF5FD
≈ Placebo Blue
Tương đồng -30° +30°
- FBF1E9
Seashell
- FDF0ED
≈ Strawberry Dust
- F7F3E8
≈ Rapture’s Light
Bộ ba +120° +240°
- FBF1E9
Seashell
- E9F7F4
≈ Melting Glacier
- F5F1FC
≈ Cloud Break
Bổ túc chia +150° +210°
- FBF1E9
Seashell
- E8F6F9
≈ Indigo White
- EFF3FE
≈ Placebo Blue
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.11:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.86:1 · APCA Lc 100
Màu chữ tốt nhất: #000000
WCAG 18.86:1 (AAA) · APCA Lc 100
Contrast pairs
Đoạn mã
CSS
:root {
--seashell: #fbf1e9;
--seashell-rgb: 251 241 233;
--seashell-oklch: oklch(0.964 0.015 61.3);
}
.element {
color: var(--seashell);
background-color: hsl(27 69% 95%);
border-color: oklch(0.964 0.015 61.3);
}Tailwind CSS v4
@theme {
--color-seashell: #fbf1e9;
--color-seashell-50: #f8f4f1;
--color-seashell-100: #ece7e3;
--color-seashell-200: #d9d3ce;
--color-seashell-300: #bdb6b0;
--color-seashell-400: #a59d96;
--color-seashell-500: #8e847c;
--color-seashell-600: #787069;
--color-seashell-700: #605954;
--color-seashell-800: #47413d;
--color-seashell-900: #312d2a;
--color-seashell-950: #1d1a18;
}SCSS
$seashell: #fbf1e9;
$seashell-rgb: 251, 241, 233;
$seashell-light: mix(#fff, $seashell, 20%);
$seashell-dark: mix(#000, $seashell, 20%);
.element {
color: $seashell;
box-shadow: 0 0 0 2px rgba($seashell, 0.35);
}