Couleur nommée la plus proche · #B3993C
#B3993C
Couleur nommée la plus proche: Greedy Gecko
#B3993C (rgb(179 153 60), hsl(47 50% 47%), oklch(0.689 0.115 93.4)) est la plus proche de la couleur nommée Greedy Gecko. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B3993C
oklch(0.689 0.115 93.4)
Conversions de couleur
- HEX
- #b3993c
- RGB
- rgb(179 153 60)
- HSL
- hsl(47 50% 47%)
- HWB
- hwb(47 24% 30%)
- OKLCH
- oklch(0.689 0.115 93.4)
- OKLab
- oklab(0.689 -0.007 0.115)
- CIE Lab
- lab(64.27 2.21 50.75)
- LCH
- lch(64.27 50.79 87.5)
- CMYK
- cmyk(0% 15% 66% 30%)
Teintes · Ombres · Tons
Teintes
- BAA353
- C2AD68
- C9B77C
- D1C28F
- D8CCA2
- E0D6B4
- E8E0C7
- EFEADA
- F7F5EC
Ombres
- 9B8433
- 84702A
- 6E5D21
- 584A19
- 433811
- 2F270A
- 1D1704
- 0C0801
- 010100
Tons
- AE9747
- A9944F
- A39257
- 9E905F
- 998D65
- 948B6B
- 8F8871
- 8A8576
- 85837B
Harmonies de couleurs
Complémentaire +180°
- B3993C
Greedy Gecko
- 8495E2
≈ Portage
Analogue -30° +30°
- B3993C
Greedy Gecko
- CD8A49
≈ Raw Linen
- 8DA752
≈ Mosquito Fern
Triadique +120° +240°
- B3993C
Greedy Gecko
- 1FADC6
≈ Havasupai Falls
- C67FB9
≈ Peruvian Lily
Complémentaire divisée +150° +210°
- B3993C
Greedy Gecko
- 55A2DD
≈ Waimea Blue
- AA89D5
≈ Middy’s Purple
Tétradique +90° +180° +270°
- B3993C
Greedy Gecko
- 24B2A2
≈ Waterfall
- 8495E2
≈ Portage
- D67B93
≈ Little Bow Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.78:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.53:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--greedy-gecko: #b3993c;
--greedy-gecko-rgb: 179 153 60;
--greedy-gecko-oklch: oklch(0.689 0.115 93.4);
}
.element {
color: var(--greedy-gecko);
background-color: hsl(47 50% 47%);
border-color: oklch(0.689 0.115 93.4);
}Tailwind CSS v4
@theme {
--color-greedy-gecko: #b3993c;
--color-greedy-gecko-50: #fff6d1;
--color-greedy-gecko-100: #f3e8bd;
--color-greedy-gecko-200: #e3d59c;
--color-greedy-gecko-300: #c9b771;
--color-greedy-gecko-400: #b59d47;
--color-greedy-gecko-500: #a08301;
--color-greedy-gecko-600: #876f0b;
--color-greedy-gecko-700: #6c590a;
--color-greedy-gecko-800: #514005;
--color-greedy-gecko-900: #382c04;
--color-greedy-gecko-950: #231900;
}SCSS
$greedy-gecko: #b3993c;
$greedy-gecko-rgb: 179, 153, 60;
$greedy-gecko-light: mix(#fff, $greedy-gecko, 20%);
$greedy-gecko-dark: mix(#000, $greedy-gecko, 20%);
.element {
color: $greedy-gecko;
box-shadow: 0 0 0 2px rgba($greedy-gecko, 0.35);
}