Adlandırılmış renk · #D4CFD6
Jam Session
Jam Session, #D4CFD6: rgb(212 207 214), hsl(283 8% 83%), oklch(0.861 0.011 316.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Jam Session color name →
#D4CFD6
oklch(0.861 0.011 316.5)
Renk dönüşümleri
- HEX
- #d4cfd6
- RGB
- rgb(212 207 214)
- HSL
- hsl(283 8% 83%)
- HWB
- hwb(283 81% 16%)
- OKLCH
- oklch(0.861 0.011 316.5)
- OKLab
- oklab(0.861 0.008 -0.008)
- CIE Lab
- lab(83.68 2.73 -2.84)
- LCH
- lch(83.68 3.94 313.9)
- CMYK
- cmyk(1% 3% 0% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D8D4DA
- DCD8DE
- E1DDE2
- E5E2E6
- E9E7EA
- EEECEE
- F2F0F3
- F6F5F7
- FBFAFB
Koyu tonlar
- B8B4BA
- 9D999E
- 837F84
- 69676A
- 514F52
- 3A383B
- 242325
- 101010
- 020202
Gri tonlar
- CBC7CD
- C3BFC4
- BAB7BB
- B1AFB3
- A9A7AA
- A19FA1
- 989799
- 908F91
- 888888
Renk uyumları
Tamamlayıcı +180°
- D4CFD6
Jam Session
- CED3CC
≈ Salt Glaze
Analog -30° +30°
- D4CFD6
Jam Session
- D0D0D8
≈ Light Pensive
- D7CED2
≈ Ephemeral Fog
Üçlü +120° +240°
- D4CFD6
Jam Session
- D5D0C9
≈ Light Taupe White
- C9D3D3
≈ Sky Splash
Bölünmüş tamamlayıcı +150° +210°
- D4CFD6
Jam Session
- D2D2CA
≈ Silverpointe
- CBD4CF
≈ Sprout Green
Dörtlü +90° +180° +270°
- D4CFD6
Jam Session
- D8CFCB
≈ White City
- CED3CC
≈ Salt Glaze
- CAD3D7
≈ Fairfax Grey
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.53:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.69:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.69:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--jam-session: #d4cfd6;
--jam-session-rgb: 212 207 214;
--jam-session-oklch: oklch(0.861 0.011 316.5);
}
.element {
color: var(--jam-session);
background-color: hsl(283 8% 83%);
border-color: oklch(0.861 0.011 316.5);
}Tailwind CSS v4
@theme {
--color-jam-session: #d4cfd6;
--color-jam-session-50: #f6f4f7;
--color-jam-session-100: #e9e7ea;
--color-jam-session-200: #d6d3d7;
--color-jam-session-300: #bab6bb;
--color-jam-session-400: #a19ca3;
--color-jam-session-500: #89848b;
--color-jam-session-600: #747076;
--color-jam-session-700: #5d595e;
--color-jam-session-800: #444145;
--color-jam-session-900: #2f2d30;
--color-jam-session-950: #1b1a1c;
}SCSS
$jam-session: #d4cfd6;
$jam-session-rgb: 212, 207, 214;
$jam-session-light: mix(#fff, $jam-session, 20%);
$jam-session-dark: mix(#000, $jam-session, 20%);
.element {
color: $jam-session;
box-shadow: 0 0 0 2px rgba($jam-session, 0.35);
}