Nazwany kolor · #CECECB
Pewter Vase
Pewter Vase to #CECECB: rgb(206 206 203), hsl(60 3% 80%), oklch(0.851 0.004 106.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pewter Vase color name →
#CECECB
oklch(0.851 0.004 106.5)
Konwersje koloru
- HEX
- #cececb
- RGB
- rgb(206 206 203)
- HSL
- hsl(60 3% 80%)
- HWB
- hwb(60 80% 19%)
- OKLCH
- oklch(0.851 0.004 106.5)
- OKLab
- oklab(0.851 -0.001 0.004)
- CIE Lab
- lab(82.7 -0.4 1.5)
- LCH
- lch(82.7 1.55 105.1)
- CMYK
- cmyk(0% 0% 1% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D3D3D0
- D8D8D5
- DCDCDA
- E1E1E0
- E6E6E5
- EBEBEA
- F0F0EF
- F5F5F4
- FAFAFA
Odcienie ciemniejsze
- B3B3B0
- 989896
- 7F7F7D
- 666665
- 4E4E4D
- 383837
- 232322
- 0F0F0F
- 020202
Tony
- C6C6C3
- BEBEBC
- B6B6B4
- AEAEAC
- A6A6A5
- 9E9E9D
- 979796
- 8F8F8E
- 878787
Harmonie kolorów
Komplementarna +180°
- CECECB
Pewter Vase
- CDCDD0
≈ London Calling
Analogowa -30° +30°
- CECECB
Pewter Vase
- CFCDCB
≈ Pewter Vase
- CDCECC
≈ Pewter Vase
Triada +120° +240°
- CECECB
Pewter Vase
- CBCED0
≈ Whisper of Smoke
- D0CDCE
≈ Chupacabra Grey
Komplementarna rozszczepiona +150° +210°
- CECECB
Pewter Vase
- CCCED1
≈ Lunar Rays
- CFCDD0
≈ Chupacabra Grey
Tetrada +90° +180° +270°
- CECECB
Pewter Vase
- CBCFCF
≈ Manhattan Mist
- CDCDD0
≈ London Calling
- D0CDCD
≈ Chupacabra Grey
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.57:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.31:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.31:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--pewter-vase: #cececb;
--pewter-vase-rgb: 206 206 203;
--pewter-vase-oklch: oklch(0.851 0.004 106.5);
}
.element {
color: var(--pewter-vase);
background-color: hsl(60 3% 80%);
border-color: oklch(0.851 0.004 106.5);
}Tailwind CSS v4
@theme {
--color-pewter-vase: #cececb;
--color-pewter-vase-50: #f5f5f4;
--color-pewter-vase-100: #e8e8e6;
--color-pewter-vase-200: #d4d4d2;
--color-pewter-vase-300: #b7b7b5;
--color-pewter-vase-400: #9e9e9c;
--color-pewter-vase-500: #868683;
--color-pewter-vase-600: #72726f;
--color-pewter-vase-700: #5b5b59;
--color-pewter-vase-800: #424241;
--color-pewter-vase-900: #2e2e2d;
--color-pewter-vase-950: #1b1b1a;
}SCSS
$pewter-vase: #cececb;
$pewter-vase-rgb: 206, 206, 203;
$pewter-vase-light: mix(#fff, $pewter-vase, 20%);
$pewter-vase-dark: mix(#000, $pewter-vase, 20%);
.element {
color: $pewter-vase;
box-shadow: 0 0 0 2px rgba($pewter-vase, 0.35);
}