命名颜色 · #FAD28F
Sunbathed Beach
Sunbathed Beach 即 #FAD28F：rgb(250 210 143)、hsl(38 91% 77%)、oklch(0.883 0.096 79.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Sunbathed Beach color name →
#FAD28F
oklch(0.883 0.096 79.9)
颜色转换
- HEX
- #fad28f
- RGB
- rgb(250 210 143)
- HSL
- hsl(38 91% 77%)
- HWB
- hwb(38 56% 2%)
- OKLCH
- oklch(0.883 0.096 79.9)
- OKLab
- oklab(0.883 0.017 0.094)
- CIE Lab
- lab(86.57 8.18 38.68)
- LCH
- lch(86.57 39.54 78.1)
- CMYK
- cmyk(0% 16% 43% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- FBD79B
- FBDBA7
- FCE0B2
- FCE4BD
- FDE9C8
- FDEDD3
- FEF2DE
- FEF6E9
- FFFBF4
深色调
- D9B67C
- BA9B69
- 9B8157
- 7D6845
- 615034
- 463924
- 2D2415
- 151007
- 030201
灰色调
- EDCA8E
- E1C18D
- D4B98C
- C8B18B
- BBA98A
- AFA088
- A39886
- 979084
- 8C8882
配色和谐
互补色 +180°
- FAD28F
Sunbathed Beach
- C3DAFF
≈ Broad Daylight
类似色 -30° +30°
- FAD28F
Sunbathed Beach
- FFCCB0
≈ Blushing Cherub
- DCDF94
≈ Lively Laugh
三角配色 +120° +240°
- FAD28F
Sunbathed Beach
- 86ECF1
≈ Bath Water
- F4C5FF
≈ Aquarelle Lilac
分裂互补色 +150° +210°
- FAD28F
Sunbathed Beach
- A8E2FF
≈ Ganon Blue
- D7D2FF
≈ Pale Lavender
四角配色 +90° +180° +270°
- FAD28F
Sunbathed Beach
- 96EDCF
≈ Nightly Aurora
- C3DAFF
≈ Broad Daylight
- FFC5DF
≈ Sweet Romance
对比度与无障碍
Ag
Fail白底
WCAG 1.43:1 · APCA Lc 21
Ag
AAA黑底
WCAG 14.68:1 · APCA Lc 83
最佳文字颜色: #000000
WCAG 14.68:1 (AAA) · APCA Lc 83
Contrast pairs
代码片段
CSS
:root {
--sunbathed-beach: #fad28f;
--sunbathed-beach-rgb: 250 210 143;
--sunbathed-beach-oklch: oklch(0.883 0.096 79.9);
}
.element {
color: var(--sunbathed-beach);
background-color: hsl(38 91% 77%);
border-color: oklch(0.883 0.096 79.9);
}Tailwind CSS v4
@theme {
--color-sunbathed-beach: #fad28f;
--color-sunbathed-beach-50: #fff3d7;
--color-sunbathed-beach-100: #f8e5c4;
--color-sunbathed-beach-200: #e9d1a6;
--color-sunbathed-beach-300: #d0b37f;
--color-sunbathed-beach-400: #bc985a;
--color-sunbathed-beach-500: #a77e32;
--color-sunbathed-beach-600: #8d6b2c;
--color-sunbathed-beach-700: #715623;
--color-sunbathed-beach-800: #553e18;
--color-sunbathed-beach-900: #3b2b0f;
--color-sunbathed-beach-950: #251803;
}SCSS
$sunbathed-beach: #fad28f;
$sunbathed-beach-rgb: 250, 210, 143;
$sunbathed-beach-light: mix(#fff, $sunbathed-beach, 20%);
$sunbathed-beach-dark: mix(#000, $sunbathed-beach, 20%);
.element {
color: $sunbathed-beach;
box-shadow: 0 0 0 2px rgba($sunbathed-beach, 0.35);
}