Adlandırılmış renk · #C2BCB1
Cloud Over London
Cloud Over London, #C2BCB1: rgb(194 188 177), hsl(39 12% 73%), oklch(0.797 0.017 82.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Cloud Over London color name →
#C2BCB1
oklch(0.797 0.017 82.8)
Renk dönüşümleri
- HEX
- #c2bcb1
- RGB
- rgb(194 188 177)
- HSL
- hsl(39 12% 73%)
- HWB
- hwb(39 69% 24%)
- OKLCH
- oklch(0.797 0.017 82.8)
- OKLab
- oklab(0.797 0.002 0.017)
- CIE Lab
- lab(76.51 0.75 6.37)
- LCH
- lch(76.51 6.42 83.3)
- CMYK
- cmyk(0% 3% 9% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C8C3B9
- CEC9C0
- D4D0C8
- DAD6D0
- E0DDD7
- E6E4DF
- ECEBE7
- F3F1EF
- F9F8F7
Koyu tonlar
- A8A399
- 8F8B83
- 77736C
- 605D57
- 494742
- 34322F
- 201F1C
- 0E0D0C
- 020201
Gri tonlar
- BBB6AC
- B4B0A7
- AEAAA2
- A7A49D
- A09D98
- 9A9893
- 93928E
- 8D8C8A
- 868685
Renk uyumları
Tamamlayıcı +180°
- C2BCB1
Cloud Over London
- B7BDC8
≈ Blue Rinse
Analog -30° +30°
- C2BCB1
Cloud Over London
- C6BAB3
≈ Rubidium
- BCBEB2
≈ Austere Grey
Üçlü +120° +240°
- C2BCB1
Cloud Over London
- B1C0C1
≈ Degas Blue
- C2B9C3
≈ Pocketful of Posies
Bölünmüş tamamlayıcı +150° +210°
- C2BCB1
Cloud Over London
- B3BFC6
≈ Winter Wonderland
- BDBBC7
≈ Silverberry
Dörtlü +90° +180° +270°
- C2BCB1
Cloud Over London
- B3C0BC
≈ Patina Grey
- B7BDC8
≈ Blue Rinse
- C6B9BE
≈ Mulberry Stain
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.88:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.12:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.12:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
CSS
:root {
--cloud-over-london: #c2bcb1;
--cloud-over-london-rgb: 194 188 177;
--cloud-over-london-oklch: oklch(0.797 0.017 82.8);
}
.element {
color: var(--cloud-over-london);
background-color: hsl(39 12% 73%);
border-color: oklch(0.797 0.017 82.8);
}Tailwind CSS v4
@theme {
--color-cloud-over-london: #c2bcb1;
--color-cloud-over-london-50: #f7f5f0;
--color-cloud-over-london-100: #eae7e2;
--color-cloud-over-london-200: #d7d4cc;
--color-cloud-over-london-300: #bbb7ae;
--color-cloud-over-london-400: #a39e94;
--color-cloud-over-london-500: #8c857a;
--color-cloud-over-london-600: #767167;
--color-cloud-over-london-700: #5e5a53;
--color-cloud-over-london-800: #45423c;
--color-cloud-over-london-900: #302d29;
--color-cloud-over-london-950: #1c1a17;
}SCSS
$cloud-over-london: #c2bcb1;
$cloud-over-london-rgb: 194, 188, 177;
$cloud-over-london-light: mix(#fff, $cloud-over-london, 20%);
$cloud-over-london-dark: mix(#000, $cloud-over-london, 20%);
.element {
color: $cloud-over-london;
box-shadow: 0 0 0 2px rgba($cloud-over-london, 0.35);
}