Màu có tên · #FFCE52
Canary Diamond
Canary Diamond là #FFCE52: rgb(255 206 82), hsl(43 100% 66%), oklch(0.873 0.148 87). 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? → · Canary Diamond color name →
#FFCE52
oklch(0.873 0.148 87)
Chuyển đổi màu
- HEX
- #ffce52
- RGB
- rgb(255 206 82)
- HSL
- hsl(43 100% 66%)
- HWB
- hwb(43 32% 0%)
- OKLCH
- oklch(0.873 0.148 87)
- OKLab
- oklab(0.873 0.008 0.148)
- CIE Lab
- lab(85.51 8.78 65.87)
- LCH
- lch(85.51 66.45 82.4)
- CMYK
- cmyk(0% 19% 68% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFD369
- FFD97D
- FFDE90
- FFE3A1
- FFE8B1
- FFECC1
- FFF1D1
- FFF6E1
- FFFAF0
Sắc đậm
- DEB346
- BE983B
- 9E7F2F
- 806625
- 634E1A
- 483811
- 2E2308
- 160F02
- 030200
Sắc xám
- F2C65B
- E5BE63
- D8B769
- CBAF6F
- BEA773
- B19F77
- A5987A
- 98907C
- 8C887E
Hòa sắc
Bổ túc +180°
- FFCE52
Canary Diamond
- C3D5FF
≈ Pale Phthalo Blue
Tương đồng -30° +30°
- FFCE52
Canary Diamond
- FFC8A1
≈ Apricot Froth
- CEE168
≈ Idocrase Green
Bộ ba +120° +240°
- FFCE52
Canary Diamond
- 58ECFF
≈ Bioluminescence
- FFB9FE
≈ Distilled Rose
Bổ túc chia +150° +210°
- FFCE52
Canary Diamond
- A8DDFF
≈ Droplet
- D9CCFF
≈ Pale Lavender
Bộ bốn +90° +180° +270°
- FFCE52
Canary Diamond
- 41F4D3
≈ Lamiaceae
- C3D5FF
≈ Pale Phthalo Blue
- FFC1D6
≈ Garden Glory
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.47:1 · APCA Lc 22
Ag
AAATrên nền đen
WCAG 14.20:1 · APCA Lc 81
Màu chữ tốt nhất: #000000
WCAG 14.20:1 (AAA) · APCA Lc 81
Contrast pairs
Đoạn mã
CSS
:root {
--canary-diamond: #ffce52;
--canary-diamond-rgb: 255 206 82;
--canary-diamond-oklch: oklch(0.873 0.148 87);
}
.element {
color: var(--canary-diamond);
background-color: hsl(43 100% 66%);
border-color: oklch(0.873 0.148 87);
}Tailwind CSS v4
@theme {
--color-canary-diamond: #ffce52;
--color-canary-diamond-50: #fff4c5;
--color-canary-diamond-100: #fce6af;
--color-canary-diamond-200: #eed289;
--color-canary-diamond-300: #d6b356;
--color-canary-diamond-400: #c4970d;
--color-canary-diamond-500: #b07c00;
--color-canary-diamond-600: #956a00;
--color-canary-diamond-700: #775400;
--color-canary-diamond-800: #5a3d00;
--color-canary-diamond-900: #3f2a00;
--color-canary-diamond-950: #281700;
}SCSS
$canary-diamond: #ffce52;
$canary-diamond-rgb: 255, 206, 82;
$canary-diamond-light: mix(#fff, $canary-diamond, 20%);
$canary-diamond-dark: mix(#000, $canary-diamond, 20%);
.element {
color: $canary-diamond;
box-shadow: 0 0 0 2px rgba($canary-diamond, 0.35);
}