Couleur nommée la plus proche · #C99C00
#C99C00
Couleur nommée la plus proche: Rapeseed
#C99C00 (rgb(201 156 0), hsl(47 100% 39%), oklch(0.715 0.146 87.9)) est la plus proche de la couleur nommée Rapeseed. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C99C00
oklch(0.715 0.146 87.9)
Conversions de couleur
- HEX
- #c99c00
- RGB
- rgb(201 156 0)
- HSL
- hsl(47 100% 39%)
- HWB
- hwb(47 0% 21%)
- OKLCH
- oklch(0.715 0.146 87.9)
- OKLab
- oklab(0.715 0.005 0.146)
- CIE Lab
- lab(67.15 9.06 70.19)
- LCH
- lch(67.15 70.77 82.6)
- CMYK
- cmyk(0% 22% 100% 21%)
Teintes · Ombres · Tons
Teintes
- CEA639
- D4B056
- D9BA6E
- DFC484
- E4CE99
- EAD8AE
- EFE2C2
- F4EBD7
- FAF5EB
Ombres
- AE8700
- 957300
- 7C5F00
- 644C00
- 4C3900
- 362800
- 221800
- 0F0900
- 020100
Tons
- C29A28
- BA973B
- B39448
- AB9253
- A48F5C
- 9D8C65
- 96896C
- 8E8673
- 87837A
Harmonies de couleurs
Complémentaire +180°
- C99C00
Rapeseed
- 7B9EFE
≈ Periwinkle Blue
Analogue -30° +30°
- C99C00
Rapeseed
- E58938
≈ Velvet Marigold
- 9CAE33
≈ Macaw Green
Triadique +120° +240°
- C99C00
Rapeseed
- 00B8CB
≈ Utopia Beckons
- D380D1
≈ Blush Essence
Complémentaire divisée +150° +210°
- C99C00
Rapeseed
- 2BAEF3
≈ Democrat
- AE8DF2
≈ Lilac Geode
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.54:1 · APCA Lc 50
Ag
AAASur noir
WCAG 8.23:1 · APCA Lc 52
Meilleure couleur de texte: #000000
WCAG 8.23:1 (AAA) · APCA Lc 52
Contrast pairs
Extraits de code
CSS
:root {
--rapeseed: #c99c00;
--rapeseed-rgb: 201 156 0;
--rapeseed-oklch: oklch(0.715 0.146 87.9);
}
.element {
color: var(--rapeseed);
background-color: hsl(47 100% 39%);
border-color: oklch(0.715 0.146 87.9);
}Tailwind CSS v4
@theme {
--color-rapeseed: #c99c00;
--color-rapeseed-50: #fff4c6;
--color-rapeseed-100: #fbe6b0;
--color-rapeseed-200: #edd28b;
--color-rapeseed-300: #d5b458;
--color-rapeseed-400: #c29815;
--color-rapeseed-500: #ae7d00;
--color-rapeseed-600: #936a00;
--color-rapeseed-700: #765500;
--color-rapeseed-800: #593d00;
--color-rapeseed-900: #3e2a00;
--color-rapeseed-950: #271700;
}SCSS
$rapeseed: #c99c00;
$rapeseed-rgb: 201, 156, 0;
$rapeseed-light: mix(#fff, $rapeseed, 20%);
$rapeseed-dark: mix(#000, $rapeseed, 20%);
.element {
color: $rapeseed;
box-shadow: 0 0 0 2px rgba($rapeseed, 0.35);
}