Couleur nommée · #DBBFA3
Shrimp Boudin
Shrimp Boudin correspond à #DBBFA3 : rgb(219 191 163), hsl(30 44% 75%), oklch(0.821 0.05 67). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Shrimp Boudin color name →
#DBBFA3
oklch(0.821 0.05 67)
Conversions de couleur
- HEX
- #dbbfa3
- RGB
- rgb(219 191 163)
- HSL
- hsl(30 44% 75%)
- HWB
- hwb(30 64% 14%)
- OKLCH
- oklch(0.821 0.05 67)
- OKLab
- oklab(0.821 0.019 0.046)
- CIE Lab
- lab(79.23 7.16 18.04)
- LCH
- lch(79.23 19.41 68.4)
- CMYK
- cmyk(0% 13% 26% 14%)
Teintes · Ombres · Tons
Teintes
- DFC5AC
- E2CCB5
- E6D2BE
- EAD8C7
- EDDFD1
- F1E5DA
- F4ECE3
- F8F2EC
- FBF9F6
Ombres
- BEA68D
- A28D78
- 877563
- 6D5E4F
- 54483C
- 3C332A
- 261F19
- 110D0A
- 020201
Tons
- D2B9A0
- C8B29C
- BFAC99
- B6A595
- AD9F92
- A4998E
- 9B938B
- 928C87
- 898684
Harmonies de couleurs
Complémentaire +180°
- DBBFA3
Shrimp Boudin
- ABC8E4
≈ Water Wash
Analogue -30° +30°
- DBBFA3
Shrimp Boudin
- E2BAAE
≈ Sweet Peach
- CDC5A1
≈ Oyster White
Triadique +120° +240°
- DBBFA3
Shrimp Boudin
- A1CFCA
≈ Cold Turquoise
- CDBDDE
≈ Sweet Lucid Dreams
Complémentaire divisée +150° +210°
- DBBFA3
Shrimp Boudin
- A1CDDA
≈ Regent St Blue
- BCC2E5
≈ Canterbury Bells
Tétradique +90° +180° +270°
- DBBFA3
Shrimp Boudin
- ABCFB8
≈ Taffy Twist
- ABC8E4
≈ Water Wash
- DBB9D0
≈ Lavender Veil
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.75:1 · APCA Lc 32
Ag
AAASur noir
WCAG 11.99:1 · APCA Lc 71
Meilleure couleur de texte: #000000
WCAG 11.99:1 (AAA) · APCA Lc 71
Contrast pairs
Extraits de code
CSS
:root {
--shrimp-boudin: #dbbfa3;
--shrimp-boudin-rgb: 219 191 163;
--shrimp-boudin-oklch: oklch(0.821 0.05 67);
}
.element {
color: var(--shrimp-boudin);
background-color: hsl(30 44% 75%);
border-color: oklch(0.821 0.05 67);
}Tailwind CSS v4
@theme {
--color-shrimp-boudin: #dbbfa3;
--color-shrimp-boudin-50: #fff3e6;
--color-shrimp-boudin-100: #f3e5d7;
--color-shrimp-boudin-200: #e3d1be;
--color-shrimp-boudin-300: #c9b39d;
--color-shrimp-boudin-400: #b39980;
--color-shrimp-boudin-500: #9d8063;
--color-shrimp-boudin-600: #856d54;
--color-shrimp-boudin-700: #6a5743;
--color-shrimp-boudin-800: #4f3f30;
--color-shrimp-boudin-900: #372b21;
--color-shrimp-boudin-950: #221910;
}SCSS
$shrimp-boudin: #dbbfa3;
$shrimp-boudin-rgb: 219, 191, 163;
$shrimp-boudin-light: mix(#fff, $shrimp-boudin, 20%);
$shrimp-boudin-dark: mix(#000, $shrimp-boudin, 20%);
.element {
color: $shrimp-boudin;
box-shadow: 0 0 0 2px rgba($shrimp-boudin, 0.35);
}