Nazwany kolor · #D4C6DC
On Location
On Location to #D4C6DC: rgb(212 198 220), hsl(278 24% 82%), oklch(0.845 0.034 313.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · On Location color name →
#D4C6DC
oklch(0.845 0.034 313.5)
Konwersje koloru
- HEX
- #d4c6dc
- RGB
- rgb(212 198 220)
- HSL
- hsl(278 24% 82%)
- HWB
- hwb(278 78% 14%)
- OKLCH
- oklch(0.845 0.034 313.5)
- OKLab
- oklab(0.845 0.023 -0.024)
- CIE Lab
- lab(81.55 8.04 -9.13)
- LCH
- lch(81.55 12.17 311.3)
- CMYK
- cmyk(4% 10% 0% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D8CCDF
- DDD1E3
- E1D7E6
- E5DDEA
- E9E2ED
- EEE8F1
- F2EEF4
- F6F3F8
- FBF9FB
Odcienie ciemniejsze
- B8ACBF
- 9D92A3
- 837A88
- 69626E
- 514B54
- 3A353C
- 242126
- 100E11
- 020202
Tony
- CBBFD2
- C3B8C9
- BAB0C0
- B2A9B6
- A9A2AD
- A19BA4
- 98949B
- 908E92
- 888789
Harmonie kolorów
Komplementarna +180°
- D4C6DC
On Location
- C3D1BB
≈ Budding Green
Analogowa -30° +30°
- D4C6DC
On Location
- C9CAE2
≈ Periwinkle Powder
- DDC4D2
≈ Elusive Mauve
Triada +120° +240°
- D4C6DC
On Location
- DAC9B4
≈ Softer Tan
- B4D3D2
≈ Icy Morn
Komplementarna rozszczepiona +150° +210°
- D4C6DC
On Location
- CFCDB5
≈ Bright Sage
- B9D3C6
≈ Sage Bundle
Tetrada +90° +180° +270°
- D4C6DC
On Location
- E0C6BB
≈ Pale Sienna
- C3D1BB
≈ Budding Green
- B5D1DC
≈ Shrubby Lichen
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.62:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.91:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.91:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--on-location: #d4c6dc;
--on-location-rgb: 212 198 220;
--on-location-oklch: oklch(0.845 0.034 313.5);
}
.element {
color: var(--on-location);
background-color: hsl(278 24% 82%);
border-color: oklch(0.845 0.034 313.5);
}Tailwind CSS v4
@theme {
--color-on-location: #d4c6dc;
--color-on-location-50: #f9f2fc;
--color-on-location-100: #ece5f0;
--color-on-location-200: #dad0de;
--color-on-location-300: #beb2c3;
--color-on-location-400: #a699ad;
--color-on-location-500: #8e8096;
--color-on-location-600: #786c7f;
--color-on-location-700: #605766;
--color-on-location-800: #463f4b;
--color-on-location-900: #312b34;
--color-on-location-950: #1d1920;
}SCSS
$on-location: #d4c6dc;
$on-location-rgb: 212, 198, 220;
$on-location-light: mix(#fff, $on-location, 20%);
$on-location-dark: mix(#000, $on-location, 20%);
.element {
color: $on-location;
box-shadow: 0 0 0 2px rgba($on-location, 0.35);
}