命名颜色 · #FFE262
Primrose Path
Primrose Path 即 #FFE262：rgb(255 226 98)、hsl(49 100% 69%)、oklch(0.913 0.149 96.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Primrose Path color name →
#FFE262
oklch(0.913 0.149 96.5)
颜色转换
- HEX
- #ffe262
- RGB
- rgb(255 226 98)
- HSL
- hsl(49 100% 69%)
- HWB
- hwb(49 38% 0%)
- OKLCH
- oklch(0.913 0.149 96.5)
- OKLab
- oklab(0.913 -0.017 0.148)
- CIE Lab
- lab(90.56 -0.2 64.45)
- LCH
- lch(90.56 64.45 90.2)
- CMYK
- cmyk(0% 11% 62% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FFE576
- FFE889
- FFEC99
- FFEFA9
- FFF2B8
- FFF4C7
- FFF7D5
- FFFAE3
- FFFCF1
深色调
- DEC454
- BEA847
- 9E8C3A
- 80712D
- 635721
- 483E16
- 2E270B
- 161203
- 030300
灰色调
- F2D869
- E4CE6E
- D7C473
- CABA77
- BDB17A
- B1A77C
- A49D7E
- 98937F
- 8C8A80
配色和谐
互补色 +180°
- FFE262
Primrose Path
- DAE1FF
≈ Stoic White
类似色 -30° +30°
- FFE262
Primrose Path
- FFDBB8
≈ Pandora’s Box
- C9F483
≈ Pistachio Mousse
三角配色 +120° +240°
- FFE262
Primrose Path
- B0EEFF
≈ Beyond the Clouds
- FFD3F2
≈ Shampoo
分裂互补色 +150° +210°
- FFE262
Primrose Path
- CBE6FF
≈ Fresh Water
- EBDAFF
≈ Lavender Savour
四角配色 +90° +180° +270°
- FFE262
Primrose Path
- 61FFF0
≈ Icy Life
- DAE1FF
≈ Stoic White
- FFD6DD
≈ No Need to Blush
对比度与无障碍
Ag
Fail白底
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.30:1 · APCA Lc 90
最佳文字颜色: #000000
WCAG 16.30:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--primrose-path: #ffe262;
--primrose-path-rgb: 255 226 98;
--primrose-path-oklch: oklch(0.913 0.149 96.5);
}
.element {
color: var(--primrose-path);
background-color: hsl(49 100% 69%);
border-color: oklch(0.913 0.149 96.5);
}Tailwind CSS v4
@theme {
--color-primrose-path: #ffe262;
--color-primrose-path-50: #fff7c6;
--color-primrose-path-100: #f4e9b0;
--color-primrose-path-200: #e4d68a;
--color-primrose-path-300: #cbb858;
--color-primrose-path-400: #b89d0f;
--color-primrose-path-500: #a38300;
--color-primrose-path-600: #8a6f00;
--color-primrose-path-700: #6e5900;
--color-primrose-path-800: #534000;
--color-primrose-path-900: #3a2c00;
--color-primrose-path-950: #241900;
}SCSS
$primrose-path: #ffe262;
$primrose-path-rgb: 255, 226, 98;
$primrose-path-light: mix(#fff, $primrose-path, 20%);
$primrose-path-dark: mix(#000, $primrose-path, 20%);
.element {
color: $primrose-path;
box-shadow: 0 0 0 2px rgba($primrose-path, 0.35);
}