Nazwany kolor · #E3DCE0
Rusty Pebble
Rusty Pebble to #E3DCE0: rgb(227 220 224), hsl(326 11% 88%), oklch(0.901 0.009 341.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Rusty Pebble color name →
#E3DCE0
oklch(0.901 0.009 341.8)
Konwersje koloru
- HEX
- #e3dce0
- RGB
- rgb(227 220 224)
- HSL
- hsl(326 11% 88%)
- HWB
- hwb(326 86% 11%)
- OKLCH
- oklch(0.901 0.009 341.8)
- OKLab
- oklab(0.901 0.009 -0.003)
- CIE Lab
- lab(88.41 3 -1.07)
- LCH
- lch(88.41 3.18 340.3)
- CMYK
- cmyk(0% 3% 1% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6DFE3
- E9E3E6
- EBE6E9
- EEEAEC
- F1EDEF
- F4F1F3
- F7F4F6
- F9F8F9
- FCFBFC
Odcienie ciemniejsze
- C5BFC3
- A8A3A6
- 8C888A
- 716E70
- 575456
- 3F3C3E
- 272627
- 121112
- 030202
Tony
- D9D2D6
- CEC9CC
- C4BFC2
- BAB6B8
- B0ADAF
- A6A4A5
- 9D9B9C
- 939292
- 898989
Harmonie kolorów
Komplementarna +180°
- E3DCE0
Rusty Pebble
- D9E0DC
≈ River Veil
Analogowa -30° +30°
- E3DCE0
Rusty Pebble
- E0DDE3
≈ February Frost
- E4DCDD
≈ Coquette
Triada +120° +240°
- E3DCE0
Rusty Pebble
- DFDFD8
≈ Statuesque
- D8E0E3
≈ Blue Smoke
Komplementarna rozszczepiona +150° +210°
- E3DCE0
Rusty Pebble
- DCE0D9
≈ Angel Touch
- D8E0E0
≈ Echo Mist
Tetrada +90° +180° +270°
- E3DCE0
Rusty Pebble
- E2DDD8
≈ Marble Quarry
- D9E0DC
≈ River Veil
- DADFE4
≈ Chickweed
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.34:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.57:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.57:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--rusty-pebble: #e3dce0;
--rusty-pebble-rgb: 227 220 224;
--rusty-pebble-oklch: oklch(0.901 0.009 341.8);
}
.element {
color: var(--rusty-pebble);
background-color: hsl(326 11% 88%);
border-color: oklch(0.901 0.009 341.8);
}Tailwind CSS v4
@theme {
--color-rusty-pebble: #e3dce0;
--color-rusty-pebble-50: #f7f4f6;
--color-rusty-pebble-100: #eae7e8;
--color-rusty-pebble-200: #d7d3d5;
--color-rusty-pebble-300: #bbb5b8;
--color-rusty-pebble-400: #a39ca0;
--color-rusty-pebble-500: #8b8488;
--color-rusty-pebble-600: #757073;
--color-rusty-pebble-700: #5e595c;
--color-rusty-pebble-800: #454143;
--color-rusty-pebble-900: #2f2d2e;
--color-rusty-pebble-950: #1c1a1b;
}SCSS
$rusty-pebble: #e3dce0;
$rusty-pebble-rgb: 227, 220, 224;
$rusty-pebble-light: mix(#fff, $rusty-pebble, 20%);
$rusty-pebble-dark: mix(#000, $rusty-pebble, 20%);
.element {
color: $rusty-pebble;
box-shadow: 0 0 0 2px rgba($rusty-pebble, 0.35);
}