Màu có tên · #F2CA83
Perky Yellow
Perky Yellow là #F2CA83: rgb(242 202 131), hsl(38 81% 73%), oklch(0.858 0.1 81.1). 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 Orange mean? → · Perky Yellow color name →
#F2CA83
oklch(0.858 0.1 81.1)
Chuyển đổi màu
- HEX
- #f2ca83
- RGB
- rgb(242 202 131)
- HSL
- hsl(38 81% 73%)
- HWB
- hwb(38 51% 5%)
- OKLCH
- oklch(0.858 0.1 81.1)
- OKLab
- oklab(0.858 0.015 0.099)
- CIE Lab
- lab(83.69 8.06 40.9)
- LCH
- lch(83.69 41.68 78.9)
- CMYK
- cmyk(0% 17% 46% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F3CF90
- F5D59D
- F6DAAA
- F8E0B6
- F9E5C3
- FAEACF
- FBEFDB
- FDF5E7
- FEFAF3
Sắc đậm
- D2AF71
- B49560
- 967C4F
- 79643F
- 5E4D2F
- 433720
- 2B2212
- 140F06
- 030201
Sắc xám
- E6C284
- DABB84
- CFB484
- C3AC84
- B8A584
- AC9D84
- A19683
- 968F82
- 8B8781
Hòa sắc
Bổ túc +180°
- F2CA83
Perky Yellow
- B7D2FF
≈ Ice Cold Stare
Tương đồng -30° +30°
- F2CA83
Perky Yellow
- FFC19D
≈ Coral Gable
- D3D789
≈ Golden Delicious
Bộ ba +120° +240°
- F2CA83
Perky Yellow
- 79E4EB
≈ Turkish Turquoise
- EFBBF8
≈ Euphoria
Bổ túc chia +150° +210°
- F2CA83
Perky Yellow
- 95DBFF
≈ Shiva Blue
- D0C8FF
≈ Innocent Snowdrop
Bộ bốn +90° +180° +270°
- F2CA83
Perky Yellow
- 88E6C8
≈ Bubble Algae
- B7D2FF
≈ Ice Cold Stare
- FFB8D7
≈ Candy Bar
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.54:1 · APCA Lc 25
Ag
AAATrên nền đen
WCAG 13.55:1 · APCA Lc 78
Màu chữ tốt nhất: #000000
WCAG 13.55:1 (AAA) · APCA Lc 78
Contrast pairs
Đoạn mã
CSS
:root {
--perky-yellow: #f2ca83;
--perky-yellow-rgb: 242 202 131;
--perky-yellow-oklch: oklch(0.858 0.1 81.1);
}
.element {
color: var(--perky-yellow);
background-color: hsl(38 81% 73%);
border-color: oklch(0.858 0.1 81.1);
}Tailwind CSS v4
@theme {
--color-perky-yellow: #f2ca83;
--color-perky-yellow-50: #fff3d6;
--color-perky-yellow-100: #f8e6c3;
--color-perky-yellow-200: #e9d1a4;
--color-perky-yellow-300: #d0b37c;
--color-perky-yellow-400: #bd9856;
--color-perky-yellow-500: #a87e2c;
--color-perky-yellow-600: #8e6b27;
--color-perky-yellow-700: #72561f;
--color-perky-yellow-800: #553e15;
--color-perky-yellow-900: #3b2b0d;
--color-perky-yellow-950: #251802;
}SCSS
$perky-yellow: #f2ca83;
$perky-yellow-rgb: 242, 202, 131;
$perky-yellow-light: mix(#fff, $perky-yellow, 20%);
$perky-yellow-dark: mix(#000, $perky-yellow, 20%);
.element {
color: $perky-yellow;
box-shadow: 0 0 0 2px rgba($perky-yellow, 0.35);
}