Couleur nommée la plus proche · #D7C499
#D7C499
Couleur nommée la plus proche: Prairie Land
#D7C499 (rgb(215 196 153), hsl(42 44% 72%), oklch(0.826 0.061 86.9)) est la plus proche de la couleur nommée Prairie Land. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D7C499
oklch(0.826 0.061 86.9)
Conversions de couleur
- HEX
- #d7c499
- RGB
- rgb(215 196 153)
- HSL
- hsl(42 44% 72%)
- HWB
- hwb(42 60% 16%)
- OKLCH
- oklch(0.826 0.061 86.9)
- OKLab
- oklab(0.826 0.003 0.061)
- CIE Lab
- lab(79.97 2.13 24.23)
- LCH
- lch(79.97 24.33 85)
- CMYK
- cmyk(0% 9% 29% 16%)
Teintes · Ombres · Tons
Teintes
- DBCAA3
- DFD0AD
- E3D6B8
- E7DBC2
- EBE1CC
- EFE7D6
- F3EDE0
- F7F3EA
- FBF9F5
Ombres
- BBAA84
- 9F9170
- 85785D
- 6B614A
- 524A38
- 3B3527
- 252117
- 110E08
- 020201
Tons
- CEBD97
- C5B694
- BCAF92
- B3A890
- ABA28D
- A29B8B
- 999488
- 918D85
- 888783
Harmonies de couleurs
Complémentaire +180°
- D7C499
Prairie Land
- B4C6EF
≈ Promise Keeping
Analogue -30° +30°
- D7C499
Prairie Land
- E5BDA0
≈ Mollusca
- C3CC9F
≈ Dappled Daydream
Triadique +120° +240°
- D7C499
Prairie Land
- 97D2DA
≈ Maya Green
- DCB9DB
≈ French Lilac
Complémentaire divisée +150° +210°
- D7C499
Prairie Land
- A1CDE9
≈ Mediterranean Charm
- C9BEE9
≈ Violet Gems
Tétradique +90° +180° +270°
- D7C499
Prairie Land
- 9CD3C5
≈ Aqua Glow
- B4C6EF
≈ Promise Keeping
- E8B6C6
≈ Athena Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.71:1 · APCA Lc 31
Ag
AAASur noir
WCAG 12.24:1 · APCA Lc 72
Meilleure couleur de texte: #000000
WCAG 12.24:1 (AAA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--prairie-land: #d7c499;
--prairie-land-rgb: 215 196 153;
--prairie-land-oklch: oklch(0.826 0.061 86.9);
}
.element {
color: var(--prairie-land);
background-color: hsl(42 44% 72%);
border-color: oklch(0.826 0.061 86.9);
}Tailwind CSS v4
@theme {
--color-prairie-land: #d7c499;
--color-prairie-land-50: #fcf5e2;
--color-prairie-land-100: #f0e7d1;
--color-prairie-land-200: #dfd3b7;
--color-prairie-land-300: #c4b694;
--color-prairie-land-400: #ae9d75;
--color-prairie-land-500: #988456;
--color-prairie-land-600: #80704a;
--color-prairie-land-700: #67593b;
--color-prairie-land-800: #4c412a;
--color-prairie-land-900: #352d1c;
--color-prairie-land-950: #201a0c;
}SCSS
$prairie-land: #d7c499;
$prairie-land-rgb: 215, 196, 153;
$prairie-land-light: mix(#fff, $prairie-land, 20%);
$prairie-land-dark: mix(#000, $prairie-land, 20%);
.element {
color: $prairie-land;
box-shadow: 0 0 0 2px rgba($prairie-land, 0.35);
}