Benannte Farbe · #D4C7D9
Modesty
Modesty ist #D4C7D9: rgb(212 199 217), hsl(283 19% 82%), oklch(0.846 0.028 316.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Modesty color name →
#D4C7D9
oklch(0.846 0.028 316.7)
Farbumrechnungen
- HEX
- #d4c7d9
- RGB
- rgb(212 199 217)
- HSL
- hsl(283 19% 82%)
- HWB
- hwb(283 78% 15%)
- OKLCH
- oklch(0.846 0.028 316.7)
- OKLab
- oklab(0.846 0.021 -0.019)
- CIE Lab
- lab(81.73 7.11 -7.28)
- LCH
- lch(81.73 10.18 314.4)
- CMYK
- cmyk(2% 8% 0% 15%)
Tints · Shades · Tones
Tints
- D8CCDD
- DDD2E1
- E1D8E4
- E5DDE8
- E9E3EC
- EEE8F0
- F2EEF4
- F6F4F7
- FBF9FB
Shades
- B8ADBC
- 9D93A1
- 837A86
- 69626C
- 514C53
- 3A363B
- 242125
- 100E11
- 020202
Tones
- CBC0D0
- C3B8C7
- BAB1BD
- B2AAB4
- A9A3AB
- A19CA3
- 98959A
- 908E91
- 888789
Farbharmonien
Komplementär +180°
- D4C7D9
Modesty
- C4D1BF
≈ Budding Green
Analog -30° +30°
- D4C7D9
Modesty
- CACADF
≈ Gregorio Garden
- DBC5D0
≈ Scented Soap
Triadisch +120° +240°
- D4C7D9
Modesty
- D7CAB8
≈ Almond Wisp
- B8D2D3
≈ Relax
Geteilt komplementär +150° +210°
- D4C7D9
Modesty
- CECEB9
≈ Half Moon
- BCD3C8
≈ Sage Bundle
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.61:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.97:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.97:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--modesty: #d4c7d9;
--modesty-rgb: 212 199 217;
--modesty-oklch: oklch(0.846 0.028 316.7);
}
.element {
color: var(--modesty);
background-color: hsl(283 19% 82%);
border-color: oklch(0.846 0.028 316.7);
}Tailwind CSS v4
@theme {
--color-modesty: #d4c7d9;
--color-modesty-50: #f9f3fa;
--color-modesty-100: #ece5ee;
--color-modesty-200: #dad1dc;
--color-modesty-300: #beb3c1;
--color-modesty-400: #a59aaa;
--color-modesty-500: #8e8193;
--color-modesty-600: #786d7c;
--color-modesty-700: #605763;
--color-modesty-800: #464049;
--color-modesty-900: #302c33;
--color-modesty-950: #1d191f;
}SCSS
$modesty: #d4c7d9;
$modesty-rgb: 212, 199, 217;
$modesty-light: mix(#fff, $modesty, 20%);
$modesty-dark: mix(#000, $modesty, 20%);
.element {
color: $modesty;
box-shadow: 0 0 0 2px rgba($modesty, 0.35);
}