Couleur nommée · #DBD3BD
Pearly Putty
Pearly Putty correspond à #DBD3BD : rgb(219 211 189), hsl(44 29% 80%), oklch(0.867 0.031 90.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Pearly Putty color name →
#DBD3BD
oklch(0.867 0.031 90.3)
Conversions de couleur
- HEX
- #dbd3bd
- RGB
- rgb(219 211 189)
- HSL
- hsl(44 29% 80%)
- HWB
- hwb(44 74% 14%)
- OKLCH
- oklch(0.867 0.031 90.3)
- OKLab
- oklab(0.867 0 0.031)
- CIE Lab
- lab(84.76 0.13 11.98)
- LCH
- lch(84.76 11.98 89.4)
- CMYK
- cmyk(0% 4% 14% 14%)
Teintes · Ombres · Tons
Teintes
- DFD7C4
- E2DCCA
- E6E0D1
- E9E4D7
- EDE9DE
- F0EDE4
- F4F2EB
- F8F6F2
- FBFBF8
Ombres
- BEB7A4
- A29C8C
- 878274
- 6D695D
- 545147
- 3C3A33
- 26241F
- 11100D
- 020202
Tons
- D2CAB7
- C8C2B1
- BFB9AA
- B6B1A4
- ACA99E
- A3A098
- 9A9892
- 91908C
- 898886
Harmonies de couleurs
Complémentaire +180°
- DBD3BD
Pearly Putty
- CBD3E8
≈ Lazy Sunday
Analogue -30° +30°
- DBD3BD
Pearly Putty
- E3CFC0
≈ Ice Cream Cone
- D0D7C0
≈ Green Frost
Triadique +120° +240°
- DBD3BD
Pearly Putty
- BDD9DF
≈ Alexandrian Sky
- E0CCDD
≈ Orchid Shimmer
Complémentaire divisée +150° +210°
- DBD3BD
Pearly Putty
- C2D7E6
≈ Touch of Blue
- D6CFE5
≈ Mountain’s Majesty
Tétradique +90° +180° +270°
- DBD3BD
Pearly Putty
- BFDAD4
≈ Picnic Bay
- CBD3E8
≈ Lazy Sunday
- E6CBD2
≈ Cool Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.49:1 · APCA Lc 23
Ag
AAASur noir
WCAG 14.06:1 · APCA Lc 80
Meilleure couleur de texte: #000000
WCAG 14.06:1 (AAA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--pearly-putty: #dbd3bd;
--pearly-putty-rgb: 219 211 189;
--pearly-putty-oklch: oklch(0.867 0.031 90.3);
}
.element {
color: var(--pearly-putty);
background-color: hsl(44 29% 80%);
border-color: oklch(0.867 0.031 90.3);
}Tailwind CSS v4
@theme {
--color-pearly-putty: #dbd3bd;
--color-pearly-putty-50: #f8f5eb;
--color-pearly-putty-100: #ebe8dd;
--color-pearly-putty-200: #d9d4c6;
--color-pearly-putty-300: #bdb7a6;
--color-pearly-putty-400: #a59e8a;
--color-pearly-putty-500: #8e866f;
--color-pearly-putty-600: #78715e;
--color-pearly-putty-700: #605a4b;
--color-pearly-putty-800: #474236;
--color-pearly-putty-900: #312e25;
--color-pearly-putty-950: #1d1a14;
}SCSS
$pearly-putty: #dbd3bd;
$pearly-putty-rgb: 219, 211, 189;
$pearly-putty-light: mix(#fff, $pearly-putty, 20%);
$pearly-putty-dark: mix(#000, $pearly-putty, 20%);
.element {
color: $pearly-putty;
box-shadow: 0 0 0 2px rgba($pearly-putty, 0.35);
}