Màu có tên · #FBC90D
Toucan Gentleman
Toucan Gentleman là #FBC90D: rgb(251 201 13), hsl(47 97% 52%), oklch(0.856 0.173 90.3). 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? → · Toucan Gentleman color name →
#FBC90D
oklch(0.856 0.173 90.3)
Chuyển đổi màu
- HEX
- #fbc90d
- RGB
- rgb(251 201 13)
- HSL
- hsl(47 97% 52%)
- HWB
- hwb(47 5% 2%)
- OKLCH
- oklch(0.856 0.173 90.3)
- OKLab
- oklab(0.856 -0.001 0.173)
- CIE Lab
- lab(83.63 8.1 82.66)
- LCH
- lch(83.63 83.05 84.4)
- CMYK
- cmyk(0% 20% 95% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FCCF45
- FCD563
- FCDA7B
- FDE090
- FDE5A4
- FEEBB7
- FEF0CA
- FEF5DC
- FFFAED
Sắc đậm
- DAAE0A
- BA9507
- 9C7C05
- 7E6403
- 614C02
- 463601
- 2D2200
- 150F00
- 030200
Sắc xám
- EEC233
- E1BB46
- D5B353
- C8AC5D
- BCA566
- B09E6D
- A39673
- 978F78
- 8C887C
Hòa sắc
Bổ túc +180°
- FBC90D
Toucan Gentleman
- BECEFF
≈ Lavender Blue
Tương đồng -30° +30°
- FBC90D
Toucan Gentleman
- FFC18E
≈ Tuscan Wall
- C1E04C
≈ Greenivorous
Bộ ba +120° +240°
- FBC90D
Toucan Gentleman
- 4AE6FF
≈ Shimmering Expanse Cyan
- FFB1F7
≈ Pink Apotheosis
Bổ túc chia +150° +210°
- FBC90D
Toucan Gentleman
- A0D7FF
≈ Malmö FF
- D8C4FF
≈ Neon Boneyard
Bộ bốn +90° +180° +270°
- FBC90D
Toucan Gentleman
- 00F0D4
≈ Frozen Boubble
- BECEFF
≈ Lavender Blue
- FFB9CD
≈ Tentacle Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.55:1 · APCA Lc 25
Ag
AAATrên nền đen
WCAG 13.46:1 · APCA Lc 78
Màu chữ tốt nhất: #000000
WCAG 13.46:1 (AAA) · APCA Lc 78
Contrast pairs
Đoạn mã
CSS
:root {
--toucan-gentleman: #fbc90d;
--toucan-gentleman-rgb: 251 201 13;
--toucan-gentleman-oklch: oklch(0.856 0.173 90.3);
}
.element {
color: var(--toucan-gentleman);
background-color: hsl(47 97% 52%);
border-color: oklch(0.856 0.173 90.3);
}Tailwind CSS v4
@theme {
--color-toucan-gentleman: #fbc90d;
--color-toucan-gentleman-50: #fff5bd;
--color-toucan-gentleman-100: #fce7a5;
--color-toucan-gentleman-200: #eed27a;
--color-toucan-gentleman-300: #d7b43d;
--color-toucan-gentleman-400: #c69800;
--color-toucan-gentleman-500: #b27c00;
--color-toucan-gentleman-600: #966900;
--color-toucan-gentleman-700: #795400;
--color-toucan-gentleman-800: #5b3c00;
--color-toucan-gentleman-900: #402a00;
--color-toucan-gentleman-950: #281700;
}SCSS
$toucan-gentleman: #fbc90d;
$toucan-gentleman-rgb: 251, 201, 13;
$toucan-gentleman-light: mix(#fff, $toucan-gentleman, 20%);
$toucan-gentleman-dark: mix(#000, $toucan-gentleman, 20%);
.element {
color: $toucan-gentleman;
box-shadow: 0 0 0 2px rgba($toucan-gentleman, 0.35);
}