Nazwany kolor · #C0C0CA
Lavender Oil
Lavender Oil to #C0C0CA: rgb(192 192 202), hsl(240 9% 77%), oklch(0.811 0.014 286.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Lavender Oil color name →
#C0C0CA
oklch(0.811 0.014 286.1)
Konwersje koloru
- HEX
- #c0c0ca
- RGB
- rgb(192 192 202)
- HSL
- hsl(240 9% 77%)
- HWB
- hwb(240 75% 21%)
- OKLCH
- oklch(0.811 0.014 286.1)
- OKLab
- oklab(0.811 0.004 -0.013)
- CIE Lab
- lab(77.93 1.41 -5.04)
- LCH
- lch(77.93 5.23 285.7)
- CMYK
- cmyk(5% 5% 0% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C6C6CF
- CCCCD4
- D3D3DA
- D9D9DF
- DFDFE4
- E5E5EA
- ECECEF
- F2F2F4
- F9F9FA
Odcienie ciemniejsze
- A7A7AF
- 8E8E95
- 76767C
- 5F5F64
- 49494D
- 343437
- 202022
- 0E0E0F
- 020202
Tony
- B9B9C2
- B3B3BB
- ACACB3
- A6A6AC
- 9F9FA4
- 99999D
- 939396
- 8C8C8E
- 868687
Harmonie kolorów
Komplementarna +180°
- C0C0CA
Lavender Oil
- C2C2B8
≈ Baby Barn Owl
Analogowa -30° +30°
- C0C0CA
Lavender Oil
- BBC2CA
≈ Yorkshire Cloud
- C5BFC7
≈ Grape Mist
Triada +120° +240°
- C0C0CA
Lavender Oil
- C9BFBA
≈ Worn Silver
- B9C4BF
≈ Tiara
Komplementarna rozszczepiona +150° +210°
- C0C0CA
Lavender Oil
- C6C0B7
≈ Colonnade Stone
- BDC3BB
≈ Comfort Grey
Tetrada +90° +180° +270°
- C0C0CA
Lavender Oil
- CABEBE
≈ Nantucket Mist
- C2C2B8
≈ Baby Barn Owl
- B7C4C4
≈ Niebla Azul
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.80:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.63:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--lavender-oil: #c0c0ca;
--lavender-oil-rgb: 192 192 202;
--lavender-oil-oklch: oklch(0.811 0.014 286.1);
}
.element {
color: var(--lavender-oil);
background-color: hsl(240 9% 77%);
border-color: oklch(0.811 0.014 286.1);
}Tailwind CSS v4
@theme {
--color-lavender-oil: #c0c0ca;
--color-lavender-oil-50: #f5f4f9;
--color-lavender-oil-100: #e7e7ec;
--color-lavender-oil-200: #d4d3da;
--color-lavender-oil-300: #b7b6be;
--color-lavender-oil-400: #9d9da6;
--color-lavender-oil-500: #85858f;
--color-lavender-oil-600: #717179;
--color-lavender-oil-700: #5a5a61;
--color-lavender-oil-800: #424247;
--color-lavender-oil-900: #2d2d31;
--color-lavender-oil-950: #1a1a1d;
}SCSS
$lavender-oil: #c0c0ca;
$lavender-oil-rgb: 192, 192, 202;
$lavender-oil-light: mix(#fff, $lavender-oil, 20%);
$lavender-oil-dark: mix(#000, $lavender-oil, 20%);
.element {
color: $lavender-oil;
box-shadow: 0 0 0 2px rgba($lavender-oil, 0.35);
}