Colore con nome · #CDD2C9
Fundy Bay
Fundy Bay è #CDD2C9: rgb(205 210 201), hsl(93 9% 81%), oklch(0.857 0.013 130.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Fundy Bay color name →
#CDD2C9
oklch(0.857 0.013 130.8)
Conversioni di colore
- HEX
- #cdd2c9
- RGB
- rgb(205 210 201)
- HSL
- hsl(93 9% 81%)
- HWB
- hwb(93 79% 18%)
- OKLCH
- oklch(0.857 0.013 130.8)
- OKLab
- oklab(0.857 -0.009 0.01)
- CIE Lab
- lab(83.61 -2.98 3.85)
- LCH
- lch(83.61 4.87 127.8)
- CMYK
- cmyk(2% 0% 4% 18%)
Tinte · Ombre · Toni
Tinte
- D2D6CE
- D7DBD4
- DCDFD9
- E1E4DE
- E6E8E4
- EBEDE9
- F0F1EF
- F5F6F4
- FAFAFA
Ombre
- B2B6AE
- 989B95
- 7E817C
- 666864
- 4E504C
- 383936
- 232422
- 0F100F
- 020202
Toni
- C5C9C1
- BDC1BA
- B5B9B2
- ADB0AB
- A6A8A4
- 9EA09C
- 969895
- 8F908E
- 878887
Armonie di colore
Complementare +180°
- CDD2C9
Fundy Bay
- D3CED7
≈ Jam Session
Analogo -30° +30°
- CDD2C9
Fundy Bay
- D2D0C7
≈ Conservative Grey
- C9D3CD
≈ Blue Flower
Triadico +120° +240°
- CDD2C9
Fundy Bay
- CAD1D9
≈ Light Starlight
- D9CDCE
≈ Shinkansen White
Complementare divisa +150° +210°
- CDD2C9
Fundy Bay
- CECFD9
≈ Naturally Calm
- D7CDD3
≈ Light Elusive Dream
Tetradico +90° +180° +270°
- CDD2C9
Fundy Bay
- C7D2D6
≈ Sunday Sky
- D3CED7
≈ Jam Session
- D8CDC9
≈ Thought
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.53:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.65:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.65:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--fundy-bay: #cdd2c9;
--fundy-bay-rgb: 205 210 201;
--fundy-bay-oklch: oklch(0.857 0.013 130.8);
}
.element {
color: var(--fundy-bay);
background-color: hsl(93 9% 81%);
border-color: oklch(0.857 0.013 130.8);
}Tailwind CSS v4
@theme {
--color-fundy-bay: #cdd2c9;
--color-fundy-bay-50: #f4f6f2;
--color-fundy-bay-100: #e6e9e4;
--color-fundy-bay-200: #d2d5d0;
--color-fundy-bay-300: #b5b9b2;
--color-fundy-bay-400: #9ca098;
--color-fundy-bay-500: #83887f;
--color-fundy-bay-600: #6f736b;
--color-fundy-bay-700: #595c56;
--color-fundy-bay-800: #41433e;
--color-fundy-bay-900: #2d2e2b;
--color-fundy-bay-950: #1a1b18;
}SCSS
$fundy-bay: #cdd2c9;
$fundy-bay-rgb: 205, 210, 201;
$fundy-bay-light: mix(#fff, $fundy-bay, 20%);
$fundy-bay-dark: mix(#000, $fundy-bay, 20%);
.element {
color: $fundy-bay;
box-shadow: 0 0 0 2px rgba($fundy-bay, 0.35);
}