Cor nomeada · #FBD5BD
Prairie Dune
Prairie Dune é #FBD5BD: rgb(251 213 189), hsl(23 89% 86%), oklch(0.899 0.053 54.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Prairie Dune color name →
#FBD5BD
oklch(0.899 0.053 54.1)
Conversões de cor
- HEX
- #fbd5bd
- RGB
- rgb(251 213 189)
- HSL
- hsl(23 89% 86%)
- HWB
- hwb(23 74% 2%)
- OKLCH
- oklch(0.899 0.053 54.1)
- OKLab
- oklab(0.899 0.031 0.043)
- CIE Lab
- lab(88.09 11.11 17.1)
- LCH
- lch(88.09 20.4 57)
- CMYK
- cmyk(0% 15% 25% 2%)
Tons claros · Sombras · Tons
Tons claros
- FCD9C4
- FCDDCA
- FDE2D1
- FDE6D7
- FEEADE
- FEEEE5
- FEF2EB
- FFF7F2
- FFFBF8
Sombras
- DAB9A4
- BA9E8C
- 9C8374
- 7E6A5D
- 615147
- 463A33
- 2D241F
- 15100D
- 030202
Tons
- EECCB7
- E1C3B1
- D5BBAA
- C8B2A4
- BCAA9E
- B0A198
- A49992
- 98908C
- 8C8886
Harmonias de cor
Complementar +180°
- FBD5BD
Prairie Dune
- BCE4FC
≈ Breaking the Ice
Análoga -30° +30°
- FBD5BD
Prairie Dune
- FFD1CD
≈ Girlie
- EFDBB6
≈ Lantern
Tríade +120° +240°
- FBD5BD
Prairie Dune
- BAEADB
≈ Mint Ice
- DFD8FF
≈ Transparent Blue
Complementar dividida +150° +210°
- FBD5BD
Prairie Dune
- B5E9EE
≈ Winter Escape
- CEDEFF
≈ Arc Light
Tétrade +90° +180° +270°
- FBD5BD
Prairie Dune
- C9E8C8
≈ Frosty Dawn
- BCE4FC
≈ Breaking the Ice
- F0D2F2
≈ Lavender Princess
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASobre preto
WCAG 15.35:1 · APCA Lc 86
Melhor cor de texto: #000000
WCAG 15.35:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--prairie-dune: #fbd5bd;
--prairie-dune-rgb: 251 213 189;
--prairie-dune-oklch: oklch(0.899 0.053 54.1);
}
.element {
color: var(--prairie-dune);
background-color: hsl(23 89% 86%);
border-color: oklch(0.899 0.053 54.1);
}Tailwind CSS v4
@theme {
--color-prairie-dune: #fbd5bd;
--color-prairie-dune-50: #fff2e7;
--color-prairie-dune-100: #f7e4d7;
--color-prairie-dune-200: #e7cfbf;
--color-prairie-dune-300: #ceb19e;
--color-prairie-dune-400: #b89681;
--color-prairie-dune-500: #a37d65;
--color-prairie-dune-600: #8a6a55;
--color-prairie-dune-700: #6e5544;
--color-prairie-dune-800: #523d31;
--color-prairie-dune-900: #392a21;
--color-prairie-dune-950: #231811;
}SCSS
$prairie-dune: #fbd5bd;
$prairie-dune-rgb: 251, 213, 189;
$prairie-dune-light: mix(#fff, $prairie-dune, 20%);
$prairie-dune-dark: mix(#000, $prairie-dune, 20%);
.element {
color: $prairie-dune;
box-shadow: 0 0 0 2px rgba($prairie-dune, 0.35);
}