Couleur nommée · #D3CFBD
Ocean Pearl
Ocean Pearl correspond à #D3CFBD : rgb(211 207 189), hsl(49 20% 78%), oklch(0.853 0.025 96.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Ocean Pearl color name →
#D3CFBD
oklch(0.853 0.025 96.6)
Conversions de couleur
- HEX
- #d3cfbd
- RGB
- rgb(211 207 189)
- HSL
- hsl(49 20% 78%)
- HWB
- hwb(49 74% 17%)
- OKLCH
- oklch(0.853 0.025 96.6)
- OKLab
- oklab(0.853 -0.003 0.025)
- CIE Lab
- lab(83.08 -0.87 9.5)
- LCH
- lch(83.08 9.54 95.2)
- CMYK
- cmyk(0% 2% 10% 17%)
Teintes · Ombres · Tons
Teintes
- D7D4C3
- DCD8CA
- E0DDD1
- E4E2D7
- E9E7DE
- EDECE4
- F2F0EB
- F6F5F2
- FBFAF8
Ombres
- B7B4A4
- 9C998C
- 827F74
- 69675D
- 514F47
- 3A3833
- 24231F
- 10100D
- 020202
Tons
- CAC7B7
- C2BFB1
- B9B7AA
- B1AFA4
- A9A79E
- A09F98
- 989792
- 908F8C
- 888886
Harmonies de couleurs
Complémentaire +180°
- D3CFBD
Ocean Pearl
- CACEDF
≈ Blueberry Mist
Analogue -30° +30°
- D3CFBD
Ocean Pearl
- DACCBE
≈ Bermuda Sand
- CAD2C1
≈ Tomatillo Peel
Triadique +120° +240°
- D3CFBD
Ocean Pearl
- BDD3D9
≈ Light Salt Spray
- DAC9D5
≈ Creamy Mauve
Complémentaire divisée +150° +210°
- D3CFBD
Ocean Pearl
- C2D1DE
≈ Saltwater
- D3CBDC
≈ Kundalini Bliss
Tétradique +90° +180° +270°
- D3CFBD
Ocean Pearl
- BDD4D1
≈ Coast to Coast
- CACEDF
≈ Blueberry Mist
- DEC8CC
≈ Kellie Belle
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.56:1 · APCA Lc 26
Ag
AAASur noir
WCAG 13.42:1 · APCA Lc 77
Meilleure couleur de texte: #000000
WCAG 13.42:1 (AAA) · APCA Lc 77
Contrast pairs
Extraits de code
CSS
:root {
--ocean-pearl: #d3cfbd;
--ocean-pearl-rgb: 211 207 189;
--ocean-pearl-oklch: oklch(0.853 0.025 96.6);
}
.element {
color: var(--ocean-pearl);
background-color: hsl(49 20% 78%);
border-color: oklch(0.853 0.025 96.6);
}Tailwind CSS v4
@theme {
--color-ocean-pearl: #d3cfbd;
--color-ocean-pearl-50: #f7f5ed;
--color-ocean-pearl-100: #eae8df;
--color-ocean-pearl-200: #d7d5c9;
--color-ocean-pearl-300: #bab8aa;
--color-ocean-pearl-400: #a29f8e;
--color-ocean-pearl-500: #8b8674;
--color-ocean-pearl-600: #757262;
--color-ocean-pearl-700: #5e5b4f;
--color-ocean-pearl-800: #454239;
--color-ocean-pearl-900: #302e27;
--color-ocean-pearl-950: #1c1b15;
}SCSS
$ocean-pearl: #d3cfbd;
$ocean-pearl-rgb: 211, 207, 189;
$ocean-pearl-light: mix(#fff, $ocean-pearl, 20%);
$ocean-pearl-dark: mix(#000, $ocean-pearl, 20%);
.element {
color: $ocean-pearl;
box-shadow: 0 0 0 2px rgba($ocean-pearl, 0.35);
}