Adlandırılmış renk · #C6CBD1
Paparazzi Flash
Paparazzi Flash, #C6CBD1: rgb(198 203 209), hsl(213 11% 80%), oklch(0.84 0.01 252.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? → · Paparazzi Flash color name →
#C6CBD1
oklch(0.84 0.01 252.8)
Renk dönüşümleri
- HEX
- #c6cbd1
- RGB
- rgb(198 203 209)
- HSL
- hsl(213 11% 80%)
- HWB
- hwb(213 78% 18%)
- OKLCH
- oklch(0.84 0.01 252.8)
- OKLab
- oklab(0.84 -0.003 -0.01)
- CIE Lab
- lab(81.42 -0.93 -3.63)
- LCH
- lch(81.42 3.74 255.6)
- CMYK
- cmyk(5% 3% 0% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CCD0D6
- D1D5DA
- D7DADF
- DCE0E3
- E2E5E8
- E8EAEC
- EEEFF1
- F3F4F6
- F9FAFA
Koyu tonlar
- ACB0B5
- 92969B
- 7A7D81
- 626568
- 4B4D50
- 353739
- 212223
- 0E0F10
- 020202
Gri tonlar
- BFC3C9
- B8BCC0
- B0B4B8
- A9ACB0
- A2A5A8
- 9B9DA0
- 949698
- 8E8E90
- 878788
Renk uyumları
Tamamlayıcı +180°
- C6CBD1
Paparazzi Flash
- CFCAC4
≈ Argento
Analog -30° +30°
- C6CBD1
Paparazzi Flash
- C4CCCF
≈ Where There Is Smoke
- C9CAD1
≈ Sharp Grey
Üçlü +120° +240°
- C6CBD1
Paparazzi Flash
- D1C8C9
≈ Mercury Glass
- C8CCC5
≈ Heath Grey
Bölünmüş tamamlayıcı +150° +210°
- C6CBD1
Paparazzi Flash
- D1C9C5
≈ Amethyst Ice
- CBCBC4
≈ Paving Stones
Dörtlü +90° +180° +270°
- C6CBD1
Paparazzi Flash
- CFC8CC
≈ Sensitive Tint
- CFCAC4
≈ Argento
- C5CDC9
≈ Scottish Heath
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.63:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.86:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.86:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--paparazzi-flash: #c6cbd1;
--paparazzi-flash-rgb: 198 203 209;
--paparazzi-flash-oklch: oklch(0.84 0.01 252.8);
}
.element {
color: var(--paparazzi-flash);
background-color: hsl(213 11% 80%);
border-color: oklch(0.84 0.01 252.8);
}Tailwind CSS v4
@theme {
--color-paparazzi-flash: #c6cbd1;
--color-paparazzi-flash-50: #f3f5f8;
--color-paparazzi-flash-100: #e6e8eb;
--color-paparazzi-flash-200: #d1d4d8;
--color-paparazzi-flash-300: #b4b8bc;
--color-paparazzi-flash-400: #9a9fa4;
--color-paparazzi-flash-500: #82878d;
--color-paparazzi-flash-600: #6e7277;
--color-paparazzi-flash-700: #585b5f;
--color-paparazzi-flash-800: #404346;
--color-paparazzi-flash-900: #2c2e30;
--color-paparazzi-flash-950: #191b1d;
}SCSS
$paparazzi-flash: #c6cbd1;
$paparazzi-flash-rgb: 198, 203, 209;
$paparazzi-flash-light: mix(#fff, $paparazzi-flash, 20%);
$paparazzi-flash-dark: mix(#000, $paparazzi-flash, 20%);
.element {
color: $paparazzi-flash;
box-shadow: 0 0 0 2px rgba($paparazzi-flash, 0.35);
}