Nazwany kolor · #ADC8C0
Copenhagen
Copenhagen to #ADC8C0: rgb(173 200 192), hsl(162 20% 73%), oklch(0.81 0.031 175.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Copenhagen color name →
#ADC8C0
oklch(0.81 0.031 175.7)
Konwersje koloru
- HEX
- #adc8c0
- RGB
- rgb(173 200 192)
- HSL
- hsl(162 20% 73%)
- HWB
- hwb(162 68% 22%)
- OKLCH
- oklch(0.81 0.031 175.7)
- OKLab
- oklab(0.81 -0.031 0.002)
- CIE Lab
- lab(78.4 -10.62 0.79)
- LCH
- lch(78.4 10.65 175.8)
- CMYK
- cmyk(13% 0% 4% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B5CDC6
- BDD3CC
- C5D8D3
- CDDED9
- D6E3DF
- DEE9E5
- E6EEEC
- EEF4F2
- F7F9F9
Odcienie ciemniejsze
- 96AEA7
- 7F948E
- 6A7B76
- 55635F
- 414C49
- 2D3634
- 1B2120
- 0B0F0E
- 010202
Tony
- A8C1B9
- A4B9B3
- 9FB2AC
- 9BABA6
- 96A39F
- 929C99
- 8D9593
- 898E8C
- 848786
Harmonie kolorów
Komplementarna +180°
- ADC8C0
Copenhagen
- D3B9C2
≈ Melting Violet
Analogowa -30° +30°
- ADC8C0
Copenhagen
- B5C7B5
≈ Pond’s Edge
- ABC7CB
≈ Spring Storm
Triada +120° +240°
- ADC8C0
Copenhagen
- C2BDD3
≈ Twilight Pearl
- D2BCAE
≈ Desert Fortress
Komplementarna rozszczepiona +150° +210°
- ADC8C0
Copenhagen
- CCBACC
≈ Antique Heather
- D5BAB7
≈ Sepia Rose
Tetrada +90° +180° +270°
- ADC8C0
Copenhagen
- B7C1D6
≈ Xenon Blue
- D3B9C2
≈ Melting Violet
- CAC0AB
≈ Naturel
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.77:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.79:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.79:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--copenhagen: #adc8c0;
--copenhagen-rgb: 173 200 192;
--copenhagen-oklch: oklch(0.81 0.031 175.7);
}
.element {
color: var(--copenhagen);
background-color: hsl(162 20% 73%);
border-color: oklch(0.81 0.031 175.7);
}Tailwind CSS v4
@theme {
--color-copenhagen: #adc8c0;
--color-copenhagen-50: #ecf8f5;
--color-copenhagen-100: #deebe8;
--color-copenhagen-200: #c7d9d4;
--color-copenhagen-300: #a7bdb7;
--color-copenhagen-400: #8ca59d;
--color-copenhagen-500: #718d85;
--color-copenhagen-600: #607871;
--color-copenhagen-700: #4c605a;
--color-copenhagen-800: #384641;
--color-copenhagen-900: #26302d;
--color-copenhagen-950: #141d1a;
}SCSS
$copenhagen: #adc8c0;
$copenhagen-rgb: 173, 200, 192;
$copenhagen-light: mix(#fff, $copenhagen, 20%);
$copenhagen-dark: mix(#000, $copenhagen, 20%);
.element {
color: $copenhagen;
box-shadow: 0 0 0 2px rgba($copenhagen, 0.35);
}