命名颜色 · #CCA537
Aru Ressha
Aru Ressha 即 #CCA537：rgb(204 165 55)、hsl(44 59% 51%)、oklch(0.738 0.131 88.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Aru Ressha color name →
#CCA537
oklch(0.738 0.131 88.6)
颜色转换
- HEX
- #cca537
- RGB
- rgb(204 165 55)
- HSL
- hsl(44 59% 51%)
- HWB
- hwb(44 22% 20%)
- OKLCH
- oklch(0.738 0.131 88.6)
- OKLab
- oklab(0.738 0.003 0.131)
- CIE Lab
- lab(69.92 6.74 59.34)
- LCH
- lch(69.92 59.73 83.5)
- CMYK
- cmyk(0% 19% 73% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- D1AE52
- D6B768
- DBC07C
- E0C990
- E6D2A3
- EBDBB5
- F0E4C8
- F5EDDA
- FAF6ED
深色调
- B18F2E
- 977926
- 7E651E
- 655116
- 4E3D0F
- 372B08
- 221A03
- 0F0A01
- 020100
灰色调
- C4A244
- BC9E4E
- B59A57
- AD975F
- A59366
- 9E906C
- 968C72
- 8F8877
- 87847C
配色和谐
互补色 +180°
- CCA537
Aru Ressha
- 88A6FD
≈ Fennel Flower
类似色 -30° +30°
- CCA537
Aru Ressha
- E7944E
≈ Butternut Pizazz
- A2B54E
≈ Azeitona
三角配色 +120° +240°
- CCA537
Aru Ressha
- 00C0D5
≈ The Crowd Roars!
- D78BD3
≈ Blush Essence
分裂互补色 +150° +210°
- CCA537
Aru Ressha
- 4DB5F3
≈ Megaman
- B597F2
≈ Dreamy Candy Forest
四角配色 +90° +180° +270°
- CCA537
Aru Ressha
- 1AC5AB
≈ Amazonite
- 88A6FD
≈ Fennel Flower
- EC85A9
≈ Aurora Pink
对比度与无障碍
Ag
Fail白底
WCAG 2.33:1 · APCA Lc 46
Ag
AAA黑底
WCAG 9.00:1 · APCA Lc 56
最佳文字颜色: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
代码片段
CSS
:root {
--aru-ressha: #cca537;
--aru-ressha-rgb: 204 165 55;
--aru-ressha-oklch: oklch(0.738 0.131 88.6);
}
.element {
color: var(--aru-ressha);
background-color: hsl(44 59% 51%);
border-color: oklch(0.738 0.131 88.6);
}Tailwind CSS v4
@theme {
--color-aru-ressha: #cca537;
--color-aru-ressha-50: #fff4cb;
--color-aru-ressha-100: #f8e7b6;
--color-aru-ressha-200: #e9d393;
--color-aru-ressha-300: #d1b565;
--color-aru-ressha-400: #be9932;
--color-aru-ressha-500: #aa7f00;
--color-aru-ressha-600: #8f6c00;
--color-aru-ressha-700: #735600;
--color-aru-ressha-800: #563e00;
--color-aru-ressha-900: #3c2b00;
--color-aru-ressha-950: #261800;
}SCSS
$aru-ressha: #cca537;
$aru-ressha-rgb: 204, 165, 55;
$aru-ressha-light: mix(#fff, $aru-ressha, 20%);
$aru-ressha-dark: mix(#000, $aru-ressha, 20%);
.element {
color: $aru-ressha;
box-shadow: 0 0 0 2px rgba($aru-ressha, 0.35);
}