Màu có tên gần nhất · #F3EFF6
#F3EFF6
Màu có tên gần nhất: Greek Goddess
#F3EFF6 (rgb(243 239 246), hsl(274 28% 95%), oklch(0.957 0.01 311.2)) gần nhất với màu có tên Greek Goddess. 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.
#F3EFF6
oklch(0.957 0.01 311.2)
Chuyển đổi màu
- HEX
- #f3eff6
- RGB
- rgb(243 239 246)
- HSL
- hsl(274 28% 95%)
- HWB
- hwb(274 94% 4%)
- OKLCH
- oklch(0.957 0.01 311.2)
- OKLab
- oklab(0.957 0.007 -0.008)
- CIE Lab
- lab(94.91 2.31 -2.89)
- LCH
- lch(94.91 3.7 308.7)
- CMYK
- cmyk(1% 3% 0% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F4F1F7
- F5F2F8
- F7F4F9
- F8F5FA
- F9F7FB
- FAF9FB
- FBFAFC
- FDFCFD
- FEFDFE
Sắc đậm
- D3D0D6
- B4B1B7
- 979498
- 7A787B
- 5E5C5F
- 444245
- 2B2A2C
- 141415
- 030303
Sắc xám
- E7E3EA
- DBD8DD
- CFCCD1
- C3C1C5
- B8B6B9
- ACABAD
- A1A0A2
- 969596
- 8B8B8B
Hòa sắc
Bổ túc +180°
- F3EFF6
Greek Goddess
- EEF2EB
≈ Mineral Spring
Tương đồng -30° +30°
- F3EFF6
Greek Goddess
- EFF0F8
≈ Airport
- F6EEF3
≈ Sentimental Pink
Bộ ba +120° +240°
- F3EFF6
Greek Goddess
- F5F0EA
≈ Billowy Clouds
- EAF3F2
≈ Warp Drive
Bổ túc chia +150° +210°
- F3EFF6
Greek Goddess
- F2F1EA
≈ Nano White
- EBF3EF
≈ Glacial Tint
Bộ bốn +90° +180° +270°
- F3EFF6
Greek Goddess
- F7EFEC
≈ Furry Lady
- EEF2EB
≈ Mineral Spring
- EAF3F6
≈ Milky Way
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.48:1 · APCA Lc 98
Màu chữ tốt nhất: #000000
WCAG 18.48:1 (AAA) · APCA Lc 98
Contrast pairs
Đoạn mã
CSS
:root {
--greek-goddess: #f3eff6;
--greek-goddess-rgb: 243 239 246;
--greek-goddess-oklch: oklch(0.957 0.01 311.2);
}
.element {
color: var(--greek-goddess);
background-color: hsl(274 28% 95%);
border-color: oklch(0.957 0.01 311.2);
}Tailwind CSS v4
@theme {
--color-greek-goddess: #f3eff6;
--color-greek-goddess-50: #f6f4f7;
--color-greek-goddess-100: #e9e7ea;
--color-greek-goddess-200: #d6d3d7;
--color-greek-goddess-300: #b9b6bb;
--color-greek-goddess-400: #a09da3;
--color-greek-goddess-500: #88848b;
--color-greek-goddess-600: #737076;
--color-greek-goddess-700: #5c5a5e;
--color-greek-goddess-800: #434145;
--color-greek-goddess-900: #2e2d30;
--color-greek-goddess-950: #1b1a1c;
}SCSS
$greek-goddess: #f3eff6;
$greek-goddess-rgb: 243, 239, 246;
$greek-goddess-light: mix(#fff, $greek-goddess, 20%);
$greek-goddess-dark: mix(#000, $greek-goddess, 20%);
.element {
color: $greek-goddess;
box-shadow: 0 0 0 2px rgba($greek-goddess, 0.35);
}