Benoemde kleur · #D3CFBF
Turnstone
Turnstone is #D3CFBF: rgb(211 207 191), hsl(48 19% 79%), oklch(0.853 0.022 95.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Turnstone color name →
#D3CFBF
oklch(0.853 0.022 95.3)
Kleurconversies
- HEX
- #d3cfbf
- RGB
- rgb(211 207 191)
- HSL
- hsl(48 19% 79%)
- HWB
- hwb(48 75% 17%)
- OKLCH
- oklch(0.853 0.022 95.3)
- OKLab
- oklab(0.853 -0.002 0.022)
- CIE Lab
- lab(83.12 -0.62 8.5)
- LCH
- lch(83.12 8.52 94.2)
- CMYK
- cmyk(0% 2% 9% 17%)
Tinten · Schaduwen · Tonen
Tinten
- D7D4C5
- DCD8CC
- E0DDD2
- E4E2D8
- E9E7DF
- EDECE5
- F2F0EC
- F6F5F2
- FBFAF8
Schaduwen
- B7B4A6
- 9C998D
- 827F75
- 69675E
- 514F48
- 3A3833
- 24231F
- 10100D
- 020202
Tonen
- CAC7B9
- C2BFB2
- B9B7AC
- B1AFA5
- A9A79F
- A09F99
- 989792
- 908F8C
- 888886
Kleurharmonieën
Complementair +180°
- D3CFBF
Turnstone
- CACEDE
≈ Pale Shale
Analoog -30° +30°
- D3CFBF
Turnstone
- D9CCC0
≈ Bermuda Sand
- CBD2C2
≈ Iced Aniseed
Triadisch +120° +240°
- D3CFBF
Turnstone
- BFD3D8
≈ Light Pure Blue
- D9CAD5
≈ Purple Cream
Gesplitst complementair +150° +210°
- D3CFBF
Turnstone
- C3D1DD
≈ Saltwater
- D2CBDB
≈ Kundalini Bliss
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.56:1 · APCA Lc 26
Ag
AAAOp zwart
WCAG 13.44:1 · APCA Lc 77
Beste tekstkleur: #000000
WCAG 13.44:1 (AAA) · APCA Lc 77
Contrast pairs
Codefragmenten
CSS
:root {
--turnstone: #d3cfbf;
--turnstone-rgb: 211 207 191;
--turnstone-oklch: oklch(0.853 0.022 95.3);
}
.element {
color: var(--turnstone);
background-color: hsl(48 19% 79%);
border-color: oklch(0.853 0.022 95.3);
}Tailwind CSS v4
@theme {
--color-turnstone: #d3cfbf;
--color-turnstone-50: #f7f5ee;
--color-turnstone-100: #eae8e0;
--color-turnstone-200: #d7d4ca;
--color-turnstone-300: #bab8ab;
--color-turnstone-400: #a29f90;
--color-turnstone-500: #8a8676;
--color-turnstone-600: #757264;
--color-turnstone-700: #5e5b50;
--color-turnstone-800: #45423a;
--color-turnstone-900: #302e28;
--color-turnstone-950: #1c1b16;
}SCSS
$turnstone: #d3cfbf;
$turnstone-rgb: 211, 207, 191;
$turnstone-light: mix(#fff, $turnstone, 20%);
$turnstone-dark: mix(#000, $turnstone, 20%);
.element {
color: $turnstone;
box-shadow: 0 0 0 2px rgba($turnstone, 0.35);
}