Couleur nommée la plus proche · #CFA669
#CFA669
Couleur nommée la plus proche: Ginger Ale
#CFA669 (rgb(207 166 105), hsl(36 52% 61%), oklch(0.749 0.092 76.5)) est la plus proche de la couleur nommée Ginger Ale. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#CFA669
oklch(0.749 0.092 76.5)
Conversions de couleur
- HEX
- #cfa669
- RGB
- rgb(207 166 105)
- HSL
- hsl(36 52% 61%)
- HWB
- hwb(36 41% 19%)
- OKLCH
- oklch(0.749 0.092 76.5)
- OKLab
- oklab(0.749 0.022 0.09)
- CIE Lab
- lab(70.92 10.02 37.44)
- LCH
- lch(70.92 38.75 75)
- CMYK
- cmyk(0% 20% 49% 19%)
Teintes · Ombres · Tons
Teintes
- D4AF79
- D9B888
- DEC197
- E3C9A6
- E7D2B5
- ECDBC3
- F1E4D2
- F6EDE1
- FAF6F0
Ombres
- B4905A
- 997A4C
- 7F653E
- 675131
- 4F3E24
- 382B18
- 231A0C
- 100A04
- 020100
Tons
- C7A26C
- BF9F6F
- B79B72
- AF9775
- A79377
- 9F9079
- 978C7B
- 90887D
- 88847F
Harmonies de couleurs
Complémentaire +180°
- CFA669
Ginger Ale
- 88B0E8
≈ Queer Blue
Analogue -30° +30°
- CFA669
Ginger Ale
- DF9C7B
≈ Ciao
- B4B26B
≈ Rodham
Triadique +120° +240°
- CFA669
Ginger Ale
- 5DC0C1
≈ Gem Turquoise
- C59CD5
≈ Mauve Mist
Complémentaire divisée +150° +210°
- CFA669
Ginger Ale
- 69BADB
≈ Clear Weather
- A9A5E6
≈ Maximum Blue Purple
Tétradique +90° +180° +270°
- CFA669
Ginger Ale
- 71C1A1
≈ Gem Silica
- 88B0E8
≈ Queer Blue
- D996B9
≈ Techno Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.25:1 · APCA Lc 44
Ag
AAASur noir
WCAG 9.31:1 · APCA Lc 58
Meilleure couleur de texte: #000000
WCAG 9.31:1 (AAA) · APCA Lc 58
Contrast pairs
Extraits de code
CSS
:root {
--ginger-ale: #cfa669;
--ginger-ale-rgb: 207 166 105;
--ginger-ale-oklch: oklch(0.749 0.092 76.5);
}
.element {
color: var(--ginger-ale);
background-color: hsl(36 52% 61%);
border-color: oklch(0.749 0.092 76.5);
}Tailwind CSS v4
@theme {
--color-ginger-ale: #cfa669;
--color-ginger-ale-50: #fff3d8;
--color-ginger-ale-100: #f9e5c6;
--color-ginger-ale-200: #ead0a8;
--color-ginger-ale-300: #d1b281;
--color-ginger-ale-400: #be975e;
--color-ginger-ale-500: #a97d38;
--color-ginger-ale-600: #8f6a31;
--color-ginger-ale-700: #725527;
--color-ginger-ale-800: #553d1b;
--color-ginger-ale-900: #3b2a11;
--color-ginger-ale-950: #251804;
}SCSS
$ginger-ale: #cfa669;
$ginger-ale-rgb: 207, 166, 105;
$ginger-ale-light: mix(#fff, $ginger-ale, 20%);
$ginger-ale-dark: mix(#000, $ginger-ale, 20%);
.element {
color: $ginger-ale;
box-shadow: 0 0 0 2px rgba($ginger-ale, 0.35);
}