Najbliższy nazwany kolor · #CDCFB9
#CDCFB9
Najbliższy nazwany kolor: Tropical Fog
#CDCFB9 (rgb(205 207 185), hsl(65 19% 77%), oklch(0.847 0.03 111.2)) jest najbliższy nazwanemu kolorowi Tropical Fog. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CDCFB9
oklch(0.847 0.03 111.2)
Konwersje koloru
- HEX
- #cdcfb9
- RGB
- rgb(205 207 185)
- HSL
- hsl(65 19% 77%)
- HWB
- hwb(65 73% 19%)
- OKLCH
- oklch(0.847 0.03 111.2)
- OKLab
- oklab(0.847 -0.011 0.028)
- CIE Lab
- lab(82.52 -3.56 10.73)
- LCH
- lch(82.52 11.31 108.3)
- CMYK
- cmyk(1% 0% 11% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D2D4C0
- D7D8C7
- DCDDCE
- E1E2D5
- E6E7DC
- EBECE3
- F0F0EA
- F5F5F1
- FAFAF8
Odcienie ciemniejsze
- B2B4A0
- 989989
- 7E7F71
- 66675B
- 4E4F46
- 383831
- 23231E
- 0F100D
- 020202
Tony
- C5C7B3
- BDBFAD
- B5B7A8
- ADAFA2
- A6A79C
- 9E9F96
- 969791
- 8F8F8B
- 878886
Harmonie kolorów
Komplementarna +180°
- CDCFB9
Tropical Fog
- CCCADF
≈ Opus
Analogowa -30° +30°
- CDCFB9
Tropical Fog
- D7CBB7
≈ Brown Mouse
- C2D2C0
≈ Budding Green
Triada +120° +240°
- CDCFB9
Tropical Fog
- BAD1DD
≈ Bahama Breezes
- DDC5CF
≈ Light Lilac
Komplementarna rozszczepiona +150° +210°
- CDCFB9
Tropical Fog
- C2CDE1
≈ Lilac Bisque
- D6C7D9
≈ Modesty
Tetrada +90° +180° +270°
- CDCFB9
Tropical Fog
- B7D3D5
≈ Relax
- CCCADF
≈ Opus
- E0C6C4
≈ Pocketful of Promise
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.58:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.22:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.22:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--tropical-fog: #cdcfb9;
--tropical-fog-rgb: 205 207 185;
--tropical-fog-oklch: oklch(0.847 0.03 111.2);
}
.element {
color: var(--tropical-fog);
background-color: hsl(65 19% 77%);
border-color: oklch(0.847 0.03 111.2);
}Tailwind CSS v4
@theme {
--color-tropical-fog: #cdcfb9;
--color-tropical-fog-50: #f5f6ed;
--color-tropical-fog-100: #e8e9de;
--color-tropical-fog-200: #d4d6c8;
--color-tropical-fog-300: #b7b9a8;
--color-tropical-fog-400: #9fa08c;
--color-tropical-fog-500: #868872;
--color-tropical-fog-600: #727361;
--color-tropical-fog-700: #5b5c4d;
--color-tropical-fog-800: #434338;
--color-tropical-fog-900: #2e2f26;
--color-tropical-fog-950: #1b1b14;
}SCSS
$tropical-fog: #cdcfb9;
$tropical-fog-rgb: 205, 207, 185;
$tropical-fog-light: mix(#fff, $tropical-fog, 20%);
$tropical-fog-dark: mix(#000, $tropical-fog, 20%);
.element {
color: $tropical-fog;
box-shadow: 0 0 0 2px rgba($tropical-fog, 0.35);
}