Màu có tên · #FFEEAA
Transparent Yellow
Transparent Yellow là #FFEEAA: rgb(255 238 170), hsl(48 100% 83%), oklch(0.947 0.088 95.8). 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? → · Transparent Yellow color name →
#FFEEAA
oklch(0.947 0.088 95.8)
Chuyển đổi màu
- HEX
- #ffeeaa
- RGB
- rgb(255 238 170)
- HSL
- hsl(48 100% 83%)
- HWB
- hwb(48 67% 0%)
- OKLCH
- oklch(0.947 0.088 95.8)
- OKLab
- oklab(0.947 -0.009 0.087)
- CIE Lab
- lab(94.3 -1.19 35.19)
- LCH
- lch(94.3 35.21 91.9)
- CMYK
- cmyk(0% 7% 33% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFF0B3
- FFF2BC
- FFF3C5
- FFF5CD
- FFF7D6
- FFF9DE
- FFFAE6
- FFFCEF
- FFFDF7
Sắc đậm
- DECF93
- BEB17D
- 9E9368
- 807753
- 635C3F
- 48422D
- 2E2A1B
- 16140B
- 030301
Sắc xám
- F2E3A6
- E4D7A2
- D7CC9E
- CAC19A
- BDB696
- B1AB92
- A4A08E
- 989589
- 8C8B85
Hòa sắc
Bổ túc +180°
- FFEEAA
Transparent Yellow
- E8EDFF
≈ Brilliant White
Tương đồng -30° +30°
- FFEEAA
Transparent Yellow
- FFE9D5
≈ Macaroon Cream
- DFF9B9
≈ Fall Green
Bộ ba +120° +240°
- FFEEAA
Transparent Yellow
- D0F5FF
≈ Water
- FFE4F8
≈ Bunny Tail
Bổ túc chia +150° +210°
- FFEEAA
Transparent Yellow
- DFF0FF
≈ Wizard White
- F3E9FF
≈ Placebo Purple
Bộ bốn +90° +180° +270°
- FFEEAA
Transparent Yellow
- B2FFF5
≈ Winter Meadow
- E8EDFF
≈ Brilliant White
- FFE6EB
≈ Nosegay
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.16:1 · APCA Lc 8
Ag
AAATrên nền đen
WCAG 18.06:1 · APCA Lc 97
Màu chữ tốt nhất: #000000
WCAG 18.06:1 (AAA) · APCA Lc 97
Contrast pairs
Đoạn mã
CSS
:root {
--transparent-yellow: #ffeeaa;
--transparent-yellow-rgb: 255 238 170;
--transparent-yellow-oklch: oklch(0.947 0.088 95.8);
}
.element {
color: var(--transparent-yellow);
background-color: hsl(48 100% 83%);
border-color: oklch(0.947 0.088 95.8);
}Tailwind CSS v4
@theme {
--color-transparent-yellow: #ffeeaa;
--color-transparent-yellow-50: #fcf6da;
--color-transparent-yellow-100: #efe9c8;
--color-transparent-yellow-200: #ded5ab;
--color-transparent-yellow-300: #c3b884;
--color-transparent-yellow-400: #ae9e61;
--color-transparent-yellow-500: #98863c;
--color-transparent-yellow-600: #807134;
--color-transparent-yellow-700: #675b29;
--color-transparent-yellow-800: #4c421c;
--color-transparent-yellow-900: #352d12;
--color-transparent-yellow-950: #201a05;
}SCSS
$transparent-yellow: #ffeeaa;
$transparent-yellow-rgb: 255, 238, 170;
$transparent-yellow-light: mix(#fff, $transparent-yellow, 20%);
$transparent-yellow-dark: mix(#000, $transparent-yellow, 20%);
.element {
color: $transparent-yellow;
box-shadow: 0 0 0 2px rgba($transparent-yellow, 0.35);
}