Named color · #CEB790
Goldfrapp
Goldfrapp is #CEB790: rgb(206 183 144), hsl(38 39% 69%), oklch(0.789 0.059 80.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Goldfrapp color name →
#CEB790
oklch(0.789 0.059 80.7)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- D3BE9B
- D8C5A6
- DDCCB1
- E2D4BC
- E6DBC7
- EBE2D2
- F0E9DD
- F5F0E8
- FAF8F4
Shades
- B39F7D
- 98876A
- 7F7057
- 665A45
- 4E4534
- 383124
- 231E15
- 0F0C07
- 020201
Tones
- C6B18F
- BEAC8D
- B6A68C
- AEA18A
- A69B89
- 9F9687
- 979085
- 8F8B84
- 888582
Color harmonies
Complementary +180°
- CEB790
Goldfrapp
- A5BBE1
≈ Blue Lips
Analogous -30° +30°
- CEB790
Goldfrapp
- DAB099
≈ Rose Cloud
- BCBE93
≈ Paspalum Grass
Triadic +120° +240°
- CEB790
Goldfrapp
- 8EC6CA
≈ Cerulean Skies
- CCAFD2
≈ Windsor Purple
Split-complementary +150° +210°
- CEB790
Goldfrapp
- 94C2D9
≈ Sky Bus
- BAB4DE
≈ Beloved
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.94:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.80:1 · APCA Lc 65
Best text color: #000000
WCAG 10.80:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
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);
}