Nazwany kolor · #CEB790
Goldfrapp
Goldfrapp to #CEB790: rgb(206 183 144), hsl(38 39% 69%), oklch(0.789 0.059 80.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Goldfrapp color name →
#CEB790
oklch(0.789 0.059 80.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D3BE9B
- D8C5A6
- DDCCB1
- E2D4BC
- E6DBC7
- EBE2D2
- F0E9DD
- F5F0E8
- FAF8F4
Odcienie ciemniejsze
- B39F7D
- 98876A
- 7F7057
- 665A45
- 4E4534
- 383124
- 231E15
- 0F0C07
- 020201
Tony
- C6B18F
- BEAC8D
- B6A68C
- AEA18A
- A69B89
- 9F9687
- 979085
- 8F8B84
- 888582
Harmonie kolorów
Komplementarna +180°
- CEB790
Goldfrapp
- A5BBE1
≈ Blue Lips
Analogowa -30° +30°
- CEB790
Goldfrapp
- DAB099
≈ Rose Cloud
- BCBE93
≈ Paspalum Grass
Triada +120° +240°
- CEB790
Goldfrapp
- 8EC6CA
≈ Cerulean Skies
- CCAFD2
≈ Windsor Purple
Komplementarna rozszczepiona +150° +210°
- CEB790
Goldfrapp
- 94C2D9
≈ Sky Bus
- BAB4DE
≈ Beloved
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.94:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.80:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.80:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
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);
}