命名颜色 · #CEB790
Goldfrapp
Goldfrapp 即 #CEB790：rgb(206 183 144)、hsl(38 39% 69%)、oklch(0.789 0.059 80.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Goldfrapp color name →
#CEB790
oklch(0.789 0.059 80.7)
颜色转换
- HEX
- #ceb790
- RGB
- rgb(206 183 144)
- HSL
- hsl(38 39% 69%)
- HWB
- hwb(38 56% 19%)
- OKLCH
- oklch(0.789 0.059 80.7)
- OKLab
- oklab(0.789 0.009 0.058)
- CIE Lab
- lab(75.68 4.2 23.08)
- LCH
- lch(75.68 23.46 79.7)
- CMYK
- cmyk(0% 11% 30% 19%)
浅色调 · 深色调 · 灰色调
浅色调
- D3BE9B
- D8C5A6
- DDCCB1
- E2D4BC
- E6DBC7
- EBE2D2
- F0E9DD
- F5F0E8
- FAF8F4
深色调
- B39F7D
- 98876A
- 7F7057
- 665A45
- 4E4534
- 383124
- 231E15
- 0F0C07
- 020201
灰色调
- C6B18F
- BEAC8D
- B6A68C
- AEA18A
- A69B89
- 9F9687
- 979085
- 8F8B84
- 888582
配色和谐
互补色 +180°
- CEB790
Goldfrapp
- A5BBE1
≈ Blue Lips
类似色 -30° +30°
- CEB790
Goldfrapp
- DAB099
≈ Rose Cloud
- BCBE93
≈ Paspalum Grass
三角配色 +120° +240°
- CEB790
Goldfrapp
- 8EC6CA
≈ Cerulean Skies
- CCAFD2
≈ Windsor Purple
分裂互补色 +150° +210°
- CEB790
Goldfrapp
- 94C2D9
≈ Sky Bus
- BAB4DE
≈ Beloved
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.94:1 · APCA Lc 37
Ag
AAA黑底
WCAG 10.80:1 · APCA Lc 65
最佳文字颜色: #000000
WCAG 10.80:1 (AAA) · APCA Lc 65
Contrast pairs
代码片段
CSS
:root {
--goldfrapp: #ceb790;
--goldfrapp-rgb: 206 183 144;
--goldfrapp-oklch: oklch(0.789 0.059 80.7);
}
.element {
color: var(--goldfrapp);
background-color: hsl(38 39% 69%);
border-color: oklch(0.789 0.059 80.7);
}Tailwind CSS v4
@theme {
--color-goldfrapp: #ceb790;
--color-goldfrapp-50: #fdf4e3;
--color-goldfrapp-100: #f2e7d2;
--color-goldfrapp-200: #e1d3b9;
--color-goldfrapp-300: #c6b596;
--color-goldfrapp-400: #b19b77;
--color-goldfrapp-500: #9a8259;
--color-goldfrapp-600: #836e4c;
--color-goldfrapp-700: #69583c;
--color-goldfrapp-800: #4d402b;
--color-goldfrapp-900: #362c1d;
--color-goldfrapp-950: #21190d;
}SCSS
$goldfrapp: #ceb790;
$goldfrapp-rgb: 206, 183, 144;
$goldfrapp-light: mix(#fff, $goldfrapp, 20%);
$goldfrapp-dark: mix(#000, $goldfrapp, 20%);
.element {
color: $goldfrapp;
box-shadow: 0 0 0 2px rgba($goldfrapp, 0.35);
}