Màu có tên · #F1E3BC
Pearl Yellow
Pearl Yellow là #F1E3BC: rgb(241 227 188), hsl(44 65% 84%), oklch(0.917 0.053 90.6). 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 Yellow mean? → · Pearl Yellow color name →
#F1E3BC
oklch(0.917 0.053 90.6)
Chuyển đổi màu
- HEX
- #f1e3bc
- RGB
- rgb(241 227 188)
- HSL
- hsl(44 65% 84%)
- HWB
- hwb(44 74% 5%)
- OKLCH
- oklch(0.917 0.053 90.6)
- OKLab
- oklab(0.917 -0.001 0.053)
- CIE Lab
- lab(90.64 0.46 20.95)
- LCH
- lch(90.64 20.95 88.7)
- CMYK
- cmyk(0% 6% 22% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F2E6C3
- F4E9CA
- F5EBD0
- F7EED7
- F8F1DE
- F9F4E4
- FBF7EB
- FCF9F2
- FEFCF8
Sắc đậm
- D2C5A3
- B3A88B
- 958C73
- 79715D
- 5D5747
- 433F32
- 2B271F
- 14120D
- 030302
Sắc xám
- E5D9B6
- D9CEB0
- CEC4AA
- C2BAA4
- B7B09E
- ACA698
- A19D92
- 96938C
- 8B8986
Hòa sắc
Bổ túc +180°
- F1E3BC
Pearl Yellow
- D9E3FF
≈ Stoic White
Tương đồng -30° +30°
- F1E3BC
Pearl Yellow
- FFDCC1
≈ Karry
- DEEAC2
≈ Kiwi Sorbet
Bộ ba +120° +240°
- F1E3BC
Pearl Yellow
- BBEEF8
≈ Ice Effect
- F9D7F5
≈ Jacaranda
Bổ túc chia +150° +210°
- F1E3BC
Pearl Yellow
- CAE8FF
≈ Blue Java Banana
- E8DDFF
≈ Lavender Savour
Bộ bốn +90° +180° +270°
- F1E3BC
Pearl Yellow
- BEF0E5
≈ Light Water Wings
- D9E3FF
≈ Stoic White
- FFD8E2
≈ It’s a Girl!
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.27:1 · APCA Lc 14
Ag
AAATrên nền đen
WCAG 16.45:1 · APCA Lc 90
Màu chữ tốt nhất: #000000
WCAG 16.45:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
CSS
:root {
--pearl-yellow: #f1e3bc;
--pearl-yellow-rgb: 241 227 188;
--pearl-yellow-oklch: oklch(0.917 0.053 90.6);
}
.element {
color: var(--pearl-yellow);
background-color: hsl(44 65% 84%);
border-color: oklch(0.917 0.053 90.6);
}Tailwind CSS v4
@theme {
--color-pearl-yellow: #f1e3bc;
--color-pearl-yellow-50: #faf5e4;
--color-pearl-yellow-100: #eee8d4;
--color-pearl-yellow-200: #dcd4bb;
--color-pearl-yellow-300: #c1b799;
--color-pearl-yellow-400: #aa9e7b;
--color-pearl-yellow-500: #93855d;
--color-pearl-yellow-600: #7d714f;
--color-pearl-yellow-700: #645a3f;
--color-pearl-yellow-800: #4a422d;
--color-pearl-yellow-900: #332d1e;
--color-pearl-yellow-950: #1f1a0e;
}SCSS
$pearl-yellow: #f1e3bc;
$pearl-yellow-rgb: 241, 227, 188;
$pearl-yellow-light: mix(#fff, $pearl-yellow, 20%);
$pearl-yellow-dark: mix(#000, $pearl-yellow, 20%);
.element {
color: $pearl-yellow;
box-shadow: 0 0 0 2px rgba($pearl-yellow, 0.35);
}