Colore con nome · #B3C5CC
Crackling Lake
Crackling Lake è #B3C5CC: rgb(179 197 204), hsl(197 20% 75%), oklch(0.812 0.022 223.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Crackling Lake color name →
#B3C5CC
oklch(0.812 0.022 223.1)
Conversioni di colore
- HEX
- #b3c5cc
- RGB
- rgb(179 197 204)
- HSL
- hsl(197 20% 75%)
- HWB
- hwb(197 70% 20%)
- OKLCH
- oklch(0.812 0.022 223.1)
- OKLab
- oklab(0.812 -0.016 -0.015)
- CIE Lab
- lab(78.3 -5.29 -5.72)
- LCH
- lch(78.3 7.79 227.2)
- CMYK
- cmyk(12% 3% 0% 20%)
Tinte · Ombre · Toni
Tinte
- BACBD1
- C2D0D6
- C9D6DB
- D1DCE0
- D9E2E5
- E0E8EA
- E8EDF0
- F0F3F5
- F7F9FA
Ombre
- 9BABB1
- 849297
- 6E797E
- 586165
- 434B4E
- 2F3537
- 1D2122
- 0C0E0F
- 010202
Toni
- AEBEC4
- A9B7BC
- A3B0B5
- 9EA9AD
- 99A2A5
- 949B9E
- 8F9496
- 8A8D8F
- 858787
Armonie di colore
Complementare +180°
- B3C5CC
Crackling Lake
- CFBDB6
≈ Smokey Pink
Analogo -30° +30°
- B3C5CC
Crackling Lake
- B2C6C5
≈ Blue Agave
- B8C3D0
≈ Pageant Song
Triadico +120° +240°
- B3C5CC
Crackling Lake
- CCBCC5
≈ Lady Fingers
- C4C2B2
≈ Moonshine
Complementare divisa +150° +210°
- B3C5CC
Crackling Lake
- CFBCBD
≈ Mediterranean Sunset
- CAC0B2
≈ Malibu Beige
Tetradico +90° +180° +270°
- B3C5CC
Crackling Lake
- C7BECC
≈ Clary Sage
- CFBDB6
≈ Smokey Pink
- BCC5B6
≈ Balsam
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.77:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.77:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--crackling-lake: #b3c5cc;
--crackling-lake-rgb: 179 197 204;
--crackling-lake-oklch: oklch(0.812 0.022 223.1);
}
.element {
color: var(--crackling-lake);
background-color: hsl(197 20% 75%);
border-color: oklch(0.812 0.022 223.1);
}Tailwind CSS v4
@theme {
--color-crackling-lake: #b3c5cc;
--color-crackling-lake-50: #eff7fa;
--color-crackling-lake-100: #e1eaed;
--color-crackling-lake-200: #cbd6db;
--color-crackling-lake-300: #acbac0;
--color-crackling-lake-400: #91a2a8;
--color-crackling-lake-500: #778a91;
--color-crackling-lake-600: #65757b;
--color-crackling-lake-700: #515d62;
--color-crackling-lake-800: #3a4448;
--color-crackling-lake-900: #282f32;
--color-crackling-lake-950: #161c1e;
}SCSS
$crackling-lake: #b3c5cc;
$crackling-lake-rgb: 179, 197, 204;
$crackling-lake-light: mix(#fff, $crackling-lake, 20%);
$crackling-lake-dark: mix(#000, $crackling-lake, 20%);
.element {
color: $crackling-lake;
box-shadow: 0 0 0 2px rgba($crackling-lake, 0.35);
}