命名颜色 · #EBD2A7
Quiet Veranda
Quiet Veranda 即 #EBD2A7：rgb(235 210 167)、hsl(38 63% 79%)、oklch(0.874 0.063 81.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Quiet Veranda color name →
#EBD2A7
oklch(0.874 0.063 81.1)
颜色转换
- HEX
- #ebd2a7
- RGB
- rgb(235 210 167)
- HSL
- hsl(38 63% 79%)
- HWB
- hwb(38 65% 8%)
- OKLCH
- oklch(0.874 0.063 81.1)
- OKLab
- oklab(0.874 0.01 0.062)
- CIE Lab
- lab(85.52 4.34 24.75)
- LCH
- lch(85.52 25.12 80)
- CMYK
- cmyk(0% 11% 29% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- EDD7B0
- EFDBB9
- F1E0C2
- F3E4CA
- F5E9D3
- F7EDDC
- F9F2E5
- FBF6ED
- FDFBF6
深色调
- CCB691
- AE9B7B
- 918166
- 756852
- 5B503E
- 41392C
- 29241A
- 13100A
- 030201
灰色调
- E0CAA3
- D5C1A0
- CAB99C
- BFB098
- B4A894
- A9A090
- 9F988C
- 959088
- 8A8884
配色和谐
互补色 +180°
- EBD2A7
Quiet Veranda
- BFD7FF
≈ Oh Boy!
类似色 -30° +30°
- EBD2A7
Quiet Veranda
- F8CBB1
≈ Bleached Apricot
- D7DAAB
≈ Sunlit Leaf
三角配色 +120° +240°
- EBD2A7
Quiet Veranda
- A4E3E7
≈ Blizzard Blue
- E9C9EF
≈ Sugar High
分裂互补色 +150° +210°
- EBD2A7
Quiet Veranda
- ACDEF8
≈ Fairy Sparkles
- D5CFFD
≈ Pale Lavender
四角配色 +90° +180° +270°
- EBD2A7
Quiet Veranda
- ACE4D0
≈ Coral Green
- BFD7FF
≈ Oh Boy!
- F7C5DA
≈ Miami Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.46:1 · APCA Lc 22
Ag
AAA黑底
WCAG 14.30:1 · APCA Lc 81
最佳文字颜色: #000000
WCAG 14.30:1 (AAA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--quiet-veranda: #ebd2a7;
--quiet-veranda-rgb: 235 210 167;
--quiet-veranda-oklch: oklch(0.874 0.063 81.1);
}
.element {
color: var(--quiet-veranda);
background-color: hsl(38 63% 79%);
border-color: oklch(0.874 0.063 81.1);
}Tailwind CSS v4
@theme {
--color-quiet-veranda: #ebd2a7;
--color-quiet-veranda-50: #fef4e1;
--color-quiet-veranda-100: #f2e7d1;
--color-quiet-veranda-200: #e1d2b6;
--color-quiet-veranda-300: #c7b593;
--color-quiet-veranda-400: #b29b74;
--color-quiet-veranda-500: #9c8255;
--color-quiet-veranda-600: #846e49;
--color-quiet-veranda-700: #69583a;
--color-quiet-veranda-800: #4e4029;
--color-quiet-veranda-900: #362c1b;
--color-quiet-veranda-950: #21190c;
}SCSS
$quiet-veranda: #ebd2a7;
$quiet-veranda-rgb: 235, 210, 167;
$quiet-veranda-light: mix(#fff, $quiet-veranda, 20%);
$quiet-veranda-dark: mix(#000, $quiet-veranda, 20%);
.element {
color: $quiet-veranda;
box-shadow: 0 0 0 2px rgba($quiet-veranda, 0.35);
}