Nazwany kolor · #C1C6AD
Sicily Sea
Sicily Sea to #C1C6AD: rgb(193 198 173), hsl(72 18% 73%), oklch(0.816 0.035 116.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Sicily Sea color name →
#C1C6AD
oklch(0.816 0.035 116.4)
Konwersje koloru
- HEX
- #c1c6ad
- RGB
- rgb(193 198 173)
- HSL
- hsl(72 18% 73%)
- HWB
- hwb(72 68% 22%)
- OKLCH
- oklch(0.816 0.035 116.4)
- OKLab
- oklab(0.816 -0.015 0.031)
- CIE Lab
- lab(78.97 -5.06 11.96)
- LCH
- lch(78.97 12.99 112.9)
- CMYK
- cmyk(3% 0% 13% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C7CCB5
- CDD1BD
- D3D7C5
- D9DDCD
- E0E2D5
- E6E8DE
- ECEEE6
- F2F3EE
- F9F9F7
Odcienie ciemniejsze
- A7AC96
- 8F927F
- 777A6A
- 5F6255
- 494B41
- 34352D
- 20211B
- 0E0E0B
- 020201
Tony
- BABFA8
- B4B8A4
- ADB09F
- A6A99B
- A0A296
- 999B92
- 93948D
- 8D8E89
- 868784
Harmonie kolorów
Komplementarna +180°
- C1C6AD
Sicily Sea
- C4BFD7
≈ Purpling Dawn
Analogowa -30° +30°
- C1C6AD
Sicily Sea
- CDC2AA
≈ Threaded Loom
- B5C9B6
≈ Aqua Dream
Triada +120° +240°
- C1C6AD
Sicily Sea
- AEC7D7
≈ Sonata
- D6BAC3
≈ Frosted Sugar
Komplementarna rozszczepiona +150° +210°
- C1C6AD
Sicily Sea
- B8C3DA
≈ Alley
- CFBBCF
≈ Tamed Beauty
Tetrada +90° +180° +270°
- C1C6AD
Sicily Sea
- AACACE
≈ Sky Chase
- C4BFD7
≈ Purpling Dawn
- D8BBB7
≈ Rose Yoghurt
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.75:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.94:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 11.94:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--sicily-sea: #c1c6ad;
--sicily-sea-rgb: 193 198 173;
--sicily-sea-oklch: oklch(0.816 0.035 116.4);
}
.element {
color: var(--sicily-sea);
background-color: hsl(72 18% 73%);
border-color: oklch(0.816 0.035 116.4);
}Tailwind CSS v4
@theme {
--color-sicily-sea: #c1c6ad;
--color-sicily-sea-50: #f4f7ec;
--color-sicily-sea-100: #e6eadd;
--color-sicily-sea-200: #d2d7c6;
--color-sicily-sea-300: #b5baa7;
--color-sicily-sea-400: #9da18a;
--color-sicily-sea-500: #848970;
--color-sicily-sea-600: #70745f;
--color-sicily-sea-700: #5a5d4b;
--color-sicily-sea-800: #424436;
--color-sicily-sea-900: #2d2f25;
--color-sicily-sea-950: #1a1b14;
}SCSS
$sicily-sea: #c1c6ad;
$sicily-sea-rgb: 193, 198, 173;
$sicily-sea-light: mix(#fff, $sicily-sea, 20%);
$sicily-sea-dark: mix(#000, $sicily-sea, 20%);
.element {
color: $sicily-sea;
box-shadow: 0 0 0 2px rgba($sicily-sea, 0.35);
}