命名颜色 · #EFC944
Colombian Yellow
Colombian Yellow 即 #EFC944：rgb(239 201 68)、hsl(47 84% 60%)、oklch(0.846 0.151 92.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Colombian Yellow color name →
#EFC944
oklch(0.846 0.151 92.6)
颜色转换
- HEX
- #efc944
- RGB
- rgb(239 201 68)
- HSL
- hsl(47 84% 60%)
- HWB
- hwb(47 27% 6%)
- OKLCH
- oklch(0.846 0.151 92.6)
- OKLab
- oklab(0.846 -0.007 0.151)
- CIE Lab
- lab(82.61 4.09 67.84)
- LCH
- lch(82.61 67.97 86.5)
- CMYK
- cmyk(0% 16% 72% 6%)
浅色调 · 深色调 · 灰色调
浅色调
- F1CF5E
- F2D474
- F4DA88
- F5E09B
- F7E5AC
- F9EABD
- FAF0CE
- FCF5DF
- FDFAEF
深色调
- D0AE3A
- B19530
- 947C26
- 78641D
- 5C4C14
- 42360C
- 2A2205
- 140F02
- 030200
灰色调
- E3C250
- D8BA5A
- CCB362
- C1AC68
- B6A56E
- AB9D73
- A09677
- 958F7A
- 8B877D
配色和谐
互补色 +180°
- EFC944
Colombian Yellow
- BBCAFF
≈ Light Periwinkle
类似色 -30° +30°
- EFC944
Colombian Yellow
- FFBD81
≈ Apricot Flower
- BBDC65
≈ Citrus Lime
三角配色 +120° +240°
- EFC944
Colombian Yellow
- 46E3FF
≈ Splashing Wave
- FFACF2
≈ Pink Wink
分裂互补色 +150° +210°
- EFC944
Colombian Yellow
- 9CD4FF
≈ Baby Blue
- D8BEFF
≈ Lavender Fragrance
四角配色 +90° +180° +270°
- EFC944
Colombian Yellow
- 02ECD5
≈ Frozen Boubble
- BBCAFF
≈ Light Periwinkle
- FFB4C7
≈ Cherry Blossom Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.60:1 · APCA Lc 27
Ag
AAA黑底
WCAG 13.10:1 · APCA Lc 76
最佳文字颜色: #000000
WCAG 13.10:1 (AAA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--colombian-yellow: #efc944;
--colombian-yellow-rgb: 239 201 68;
--colombian-yellow-oklch: oklch(0.846 0.151 92.6);
}
.element {
color: var(--colombian-yellow);
background-color: hsl(47 84% 60%);
border-color: oklch(0.846 0.151 92.6);
}Tailwind CSS v4
@theme {
--color-colombian-yellow: #efc944;
--color-colombian-yellow-50: #fff5c5;
--color-colombian-yellow-100: #f8e8af;
--color-colombian-yellow-200: #e9d488;
--color-colombian-yellow-300: #d0b655;
--color-colombian-yellow-400: #be9b00;
--color-colombian-yellow-500: #a98000;
--color-colombian-yellow-600: #8f6d00;
--color-colombian-yellow-700: #735700;
--color-colombian-yellow-800: #563f00;
--color-colombian-yellow-900: #3c2b00;
--color-colombian-yellow-950: #261800;
}SCSS
$colombian-yellow: #efc944;
$colombian-yellow-rgb: 239, 201, 68;
$colombian-yellow-light: mix(#fff, $colombian-yellow, 20%);
$colombian-yellow-dark: mix(#000, $colombian-yellow, 20%);
.element {
color: $colombian-yellow;
box-shadow: 0 0 0 2px rgba($colombian-yellow, 0.35);
}