跳到取色器

#dcc299 颜色:粉彩 浅琥珀色

#dcc299 的 RGB 值是 rgb(220, 194, 153),OKLCH 值是 oklch(82.598% 0.06193 78.999)。其他所有格式、色阶和对比度都在下方。

识别为 HEX

37°
100%

82.6%
0.062
79°
  • 琥珀色
  • 浅
  • 柔和
  • 粉彩
  • 暖色
  • ≈ 浅棕色
  • orange-300
  • 黑度 14%

在 sRGB 色域内:在任何屏幕上显示都一样。

白色文字
1.72:1难以阅读
Lc -35
黑色文字
12.22:1清晰易读 · AA
Lc 73

色阶

从最浅到最深。点击色阶即可使用。

和谐配色

作为配色打开

最近

你选过或复制过的颜色会显示在这里,只保存在这台设备上。

关于 #dcc299

#dcc299 是一种粉彩 浅琥珀色。在 OKLCH 中,它的亮度为 82.6%,彩度为 0.062,色相为 79°。

在 sRGB 色域内:在任何屏幕上显示都一样。

白色文字在它上面的对比度为 1.72:1,黑色文字为 12.22:1,所以用黑色文字更易读。

最接近的有名称颜色是浅棕色(#d2b48c)。在 Tailwind CSS 中,最接近的颜色是 orange-300。

更多浅琥珀色系颜色

更浅:#dcc299 混入白色

  1. dcc299
  2. e0c8a3
  3. e3cead
  4. e7d4b8
  5. eadac2
  6. eee0cc
  7. f1e6d6
  8. f5ede0
  9. f8f3ea
  10. fcf9f5

更深:#dcc299 混入黑色

  1. dcc299
  2. bfa884
  3. a38f70
  4. 88775d
  5. 6e604a
  6. 544938
  7. 3c3427
  8. 262017
  9. 110e08
  10. 020201

更柔和:降低 #dcc299 的饱和度

  1. dcc299
  2. dac29e
  3. d8c3a2
  4. d5c3a7
  5. d3c4ac
  6. d1c4b0
  7. cfc5b5
  8. cdc5b9
  9. cac5bd
  10. c8c6c2

关于 #dcc299 的常见问题

#dcc299 是什么颜色?

#dcc299 是一种粉彩 浅琥珀色。最接近的有名称颜色是粉彩 浅琥珀色。它的 RGB 值是 rgb(220, 194, 153),HSL 值是 hsl(36.72, 48.91%, 73.14%),OKLCH 值是 oklch(82.598% 0.06193 78.999)。

#dcc299 和什么颜色搭配好看?

#dcc299 的互补色是 #aec8ef。想要更柔和的搭配,可以用类似色 #e8bba3 和 #c9ca9c。三角配色的另外两色是 #96d3d5 和 #d8bae0。

#dcc299 上用白色文字还是黑色文字更易读?

在 #dcc299 上,黑色文字更易读:白色的对比度为 1.72:1,黑色为 12.22:1。WCAG AA 要求正文对比度至少为 4.5:1。

#dcc299 是暖色还是冷色?

#dcc299 属于暖色。在 OKLCH 中,它的色相为 79 度,亮度为 82.6%,彩度为 0.062。