Benannte Farbe · #D6E6E6
Interdimensional Portal
Interdimensional Portal ist #D6E6E6: rgb(214 230 230), hsl(180 24% 87%), oklch(0.913 0.017 196.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Interdimensional Portal color name →
#D6E6E6
oklch(0.913 0.017 196.9)
Farbumrechnungen
- HEX
- #d6e6e6
- RGB
- rgb(214 230 230)
- HSL
- hsl(180 24% 87%)
- HWB
- hwb(180 84% 10%)
- OKLCH
- oklch(0.913 0.017 196.9)
- OKLab
- oklab(0.913 -0.016 -0.005)
- CIE Lab
- lab(90.08 -5.51 -1.93)
- LCH
- lch(90.08 5.83 199.3)
- CMYK
- cmyk(7% 0% 0% 10%)
Tints · Shades · Tones
Tints
- DAE8E8
- DEEBEB
- E2EDED
- E6F0F0
- EAF2F2
- EFF5F5
- F3F7F7
- F7FAFA
- FBFCFC
Shades
- BAC8C8
- 9EABAB
- 848E8E
- 6A7373
- 525959
- 3B4040
- 252828
- 101313
- 020303
Tones
- CDDBDB
- C4D1D1
- BBC6C6
- B3BCBC
- AAB2B2
- A1A7A7
- 999D9D
- 919493
- 888A8A
Farbharmonien
Komplementär +180°
- D6E6E6
Interdimensional Portal
- EDDEDE
≈ Echoes of Love
Analog -30° +30°
- D6E6E6
Interdimensional Portal
- D8E6E0
≈ Blush Mint
- D7E5EB
≈ White Sea
Triadisch +120° +240°
- D6E6E6
Interdimensional Portal
- E7DFEA
≈ Lilac Frost
- E9E1D6
≈ Sharp-Rip Drill
Geteilt komplementär +150° +210°
- D6E6E6
Interdimensional Portal
- EBDEE4
≈ Weak Mauve
- EDDFD9
≈ Touchable Pink
Tetradisch +90° +180° +270°
- D6E6E6
Interdimensional Portal
- E1E1ED
≈ Opus Magnum
- EDDEDE
≈ Echoes of Love
- E3E3D6
≈ Lily of the Valley White
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.28:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.32:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.32:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--interdimensional-portal: #d6e6e6;
--interdimensional-portal-rgb: 214 230 230;
--interdimensional-portal-oklch: oklch(0.913 0.017 196.9);
}
.element {
color: var(--interdimensional-portal);
background-color: hsl(180 24% 87%);
border-color: oklch(0.913 0.017 196.9);
}Tailwind CSS v4
@theme {
--color-interdimensional-portal: #d6e6e6;
--color-interdimensional-portal-50: #f0f7f7;
--color-interdimensional-portal-100: #e2eaea;
--color-interdimensional-portal-200: #ccd7d7;
--color-interdimensional-portal-300: #aebabb;
--color-interdimensional-portal-400: #93a2a2;
--color-interdimensional-portal-500: #7a8a8a;
--color-interdimensional-portal-600: #677575;
--color-interdimensional-portal-700: #525d5d;
--color-interdimensional-portal-800: #3c4444;
--color-interdimensional-portal-900: #292f2f;
--color-interdimensional-portal-950: #171c1c;
}SCSS
$interdimensional-portal: #d6e6e6;
$interdimensional-portal-rgb: 214, 230, 230;
$interdimensional-portal-light: mix(#fff, $interdimensional-portal, 20%);
$interdimensional-portal-dark: mix(#000, $interdimensional-portal, 20%);
.element {
color: $interdimensional-portal;
box-shadow: 0 0 0 2px rgba($interdimensional-portal, 0.35);
}