命名颜色 · #ECBD2C
Bright Sun
Bright Sun 即 #ECBD2C：rgb(236 189 44)、hsl(45 83% 55%)、oklch(0.818 0.156 89.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Bright Sun color name →
#ECBD2C
oklch(0.818 0.156 89.1)
颜色转换
- HEX
- #ecbd2c
- RGB
- rgb(236 189 44)
- HSL
- hsl(45 83% 55%)
- HWB
- hwb(45 17% 7%)
- OKLCH
- oklch(0.818 0.156 89.1)
- OKLab
- oklab(0.818 0.003 0.156)
- CIE Lab
- lab(79.21 8.09 72.64)
- LCH
- lch(79.21 73.08 83.6)
- CMYK
- cmyk(0% 20% 81% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- EEC44F
- F0CB68
- F2D27E
- F4D892
- F6DFA5
- F8E6B8
- FAECCA
- FBF2DC
- FDF9ED
深色调
- CDA425
- AF8C1E
- 927417
- 765D11
- 5B470A
- 423305
- 291F02
- 130D01
- 030200
灰色调
- E1B73F
- D6B14D
- CBAB57
- C0A560
- B59F67
- AA996E
- 9F9373
- 958D78
- 8A867C
配色和谐
互补色 +180°
- ECBD2C
Bright Sun
- ABC1FF
≈ Pastel Blue
类似色 -30° +30°
- ECBD2C
Bright Sun
- FFAF6E
≈ Apricot
- B9D14F
≈ Solid Gold
三角配色 +120° +240°
- ECBD2C
Bright Sun
- 00DCF4
≈ Tamarama
- FA9DF5
≈ Pink Elephants
分裂互补色 +150° +210°
- ECBD2C
Bright Sun
- 82CDFF
≈ Platonic Blue
- CDB4FF
≈ Violet Heaven
四角配色 +90° +180° +270°
- ECBD2C
Bright Sun
- 00E2C5
≈ Celestial Green
- ABC1FF
≈ Pastel Blue
- FFA5C2
≈ Taffy Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.76:1 · APCA Lc 32
Ag
AAA黑底
WCAG 11.88:1 · APCA Lc 70
最佳文字颜色: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
代码片段
CSS
:root {
--bright-sun: #ecbd2c;
--bright-sun-rgb: 236 189 44;
--bright-sun-oklch: oklch(0.818 0.156 89.1);
}
.element {
color: var(--bright-sun);
background-color: hsl(45 83% 55%);
border-color: oklch(0.818 0.156 89.1);
}Tailwind CSS v4
@theme {
--color-bright-sun: #ecbd2c;
--color-bright-sun-50: #fff4c3;
--color-bright-sun-100: #fbe7ac;
--color-bright-sun-200: #edd284;
--color-bright-sun-300: #d5b44f;
--color-bright-sun-400: #c39800;
--color-bright-sun-500: #af7d00;
--color-bright-sun-600: #946a00;
--color-bright-sun-700: #775500;
--color-bright-sun-800: #593d00;
--color-bright-sun-900: #3e2a00;
--color-bright-sun-950: #281700;
}SCSS
$bright-sun: #ecbd2c;
$bright-sun-rgb: 236, 189, 44;
$bright-sun-light: mix(#fff, $bright-sun, 20%);
$bright-sun-dark: mix(#000, $bright-sun, 20%);
.element {
color: $bright-sun;
box-shadow: 0 0 0 2px rgba($bright-sun, 0.35);
}