命名颜色 · #D4AE40
Ceylon Yellow
Ceylon Yellow 即 #D4AE40：rgb(212 174 64)、hsl(45 63% 54%)、oklch(0.765 0.132 89.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Ceylon Yellow color name →
#D4AE40
oklch(0.765 0.132 89.5)
颜色转换
- HEX
- #d4ae40
- RGB
- rgb(212 174 64)
- HSL
- hsl(45 63% 54%)
- HWB
- hwb(45 25% 17%)
- OKLCH
- oklch(0.765 0.132 89.5)
- OKLab
- oklab(0.765 0.001 0.132)
- CIE Lab
- lab(73.09 5.94 59.17)
- LCH
- lch(73.09 59.46 84.3)
- CMYK
- cmyk(0% 18% 70% 17%)
浅色调 · 深色调 · 灰色调
浅色调
- D8B659
- DDBF6E
- E1C782
- E5CF94
- EAD7A7
- EEDFB9
- F2E7CA
- F6EFDC
- FBF7ED
深色调
- B89736
- 9D802D
- 836A24
- 69551B
- 514113
- 3A2E0B
- 241C05
- 100B01
- 020100
灰色调
- CBAA4B
- C3A555
- BAA15C
- B29C63
- A99869
- A1936F
- 998E74
- 908A78
- 88857C
配色和谐
互补色 +180°
- D4AE40
Ceylon Yellow
- 94AFFF
≈ Widowmaker
类似色 -30° +30°
- D4AE40
Ceylon Yellow
- F09D55
≈ Doughnut
- A9BF57
≈ Sapling
三角配色 +120° +240°
- D4AE40
Ceylon Yellow
- 00C9E0
≈ Picnic Day Sky
- E193DB
≈ Love Dust
分裂互补色 +150° +210°
- D4AE40
Ceylon Yellow
- 57BDFE
≈ Hello Summer
- BF9FFB
≈ Diva
四角配色 +90° +180° +270°
- D4AE40
Ceylon Yellow
- 28CEB5
≈ Mint Leaf
- 94AFFF
≈ Widowmaker
- F68DB0
≈ Tickle Me Pink
对比度与无障碍
Ag
Fail白底
WCAG 2.11:1 · APCA Lc 41
Ag
AAA黑底
WCAG 9.92:1 · APCA Lc 61
最佳文字颜色: #000000
WCAG 9.92:1 (AAA) · APCA Lc 61
Contrast pairs
代码片段
CSS
:root {
--ceylon-yellow: #d4ae40;
--ceylon-yellow-rgb: 212 174 64;
--ceylon-yellow-oklch: oklch(0.765 0.132 89.5);
}
.element {
color: var(--ceylon-yellow);
background-color: hsl(45 63% 54%);
border-color: oklch(0.765 0.132 89.5);
}Tailwind CSS v4
@theme {
--color-ceylon-yellow: #d4ae40;
--color-ceylon-yellow-50: #fff5cb;
--color-ceylon-yellow-100: #f8e7b6;
--color-ceylon-yellow-200: #e9d392;
--color-ceylon-yellow-300: #d0b564;
--color-ceylon-yellow-400: #bd9a31;
--color-ceylon-yellow-500: #a98000;
--color-ceylon-yellow-600: #8f6c00;
--color-ceylon-yellow-700: #725700;
--color-ceylon-yellow-800: #563e00;
--color-ceylon-yellow-900: #3c2b00;
--color-ceylon-yellow-950: #261800;
}SCSS
$ceylon-yellow: #d4ae40;
$ceylon-yellow-rgb: 212, 174, 64;
$ceylon-yellow-light: mix(#fff, $ceylon-yellow, 20%);
$ceylon-yellow-dark: mix(#000, $ceylon-yellow, 20%);
.element {
color: $ceylon-yellow;
box-shadow: 0 0 0 2px rgba($ceylon-yellow, 0.35);
}