Couleur nommée la plus proche · #C8B38C
#C8B38C
Couleur nommée la plus proche: Goldfrapp
#C8B38C (rgb(200 179 140), hsl(39 35% 67%), oklch(0.775 0.058 82.8)) est la plus proche de la couleur nommée Goldfrapp. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C8B38C
oklch(0.775 0.058 82.8)
Conversions de couleur
- HEX
- #c8b38c
- RGB
- rgb(200 179 140)
- HSL
- hsl(39 35% 67%)
- HWB
- hwb(39 55% 22%)
- OKLCH
- oklch(0.775 0.058 82.8)
- OKLab
- oklab(0.775 0.007 0.057)
- CIE Lab
- lab(74.03 3.45 22.89)
- LCH
- lch(74.03 23.14 81.4)
- CMYK
- cmyk(0% 11% 30% 22%)
Teintes · Ombres · Tons
Teintes
- CDBA97
- D3C2A3
- D8C9AE
- DED1B9
- E3D9C5
- E9E0D0
- EEE8DC
- F4F0E8
- F9F7F3
Ombres
- AE9B79
- 948467
- 7B6E55
- 635843
- 4C4333
- 362F23
- 211D14
- 0F0C07
- 020101
Tons
- C1AE8B
- B9A98A
- B2A489
- AB9E88
- A39987
- 9C9486
- 958F84
- 8E8A83
- 878581
Harmonies de couleurs
Complémentaire +180°
- C8B38C
Goldfrapp
- A2B6DC
≈ Mont Blanc
Analogue -30° +30°
- C8B38C
Goldfrapp
- D4AC94
≈ Rundlet Peach
- B6BA90
≈ Secret Glade
Triadique +120° +240°
- C8B38C
Goldfrapp
- 8AC1C6
≈ Celestine
- C8AACC
≈ Catmint
Complémentaire divisée +150° +210°
- C8B38C
Goldfrapp
- 91BDD5
≈ High Elf Blue
- B6AFD8
≈ Delicate Lilac
Tétradique +90° +180° +270°
- C8B38C
Goldfrapp
- 90C2B2
≈ Bella Green
- A2B6DC
≈ Mont Blanc
- D4A7B9
≈ Enhance
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.04:1 · APCA Lc 40
Ag
AAASur noir
WCAG 10.28:1 · APCA Lc 63
Meilleure couleur de texte: #000000
WCAG 10.28:1 (AAA) · APCA Lc 63
Contrast pairs
Extraits de code
CSS
:root {
--goldfrapp: #c8b38c;
--goldfrapp-rgb: 200 179 140;
--goldfrapp-oklch: oklch(0.775 0.058 82.8);
}
.element {
color: var(--goldfrapp);
background-color: hsl(39 35% 67%);
border-color: oklch(0.775 0.058 82.8);
}Tailwind CSS v4
@theme {
--color-goldfrapp: #c8b38c;
--color-goldfrapp-50: #fdf4e3;
--color-goldfrapp-100: #f1e7d3;
--color-goldfrapp-200: #e0d3b9;
--color-goldfrapp-300: #c5b696;
--color-goldfrapp-400: #af9c78;
--color-goldfrapp-500: #998359;
--color-goldfrapp-600: #816f4c;
--color-goldfrapp-700: #68593d;
--color-goldfrapp-800: #4d402b;
--color-goldfrapp-900: #352c1d;
--color-goldfrapp-950: #20190d;
}SCSS
$goldfrapp: #c8b38c;
$goldfrapp-rgb: 200, 179, 140;
$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);
}