Adlandırılmış renk · #DCDFDC
Reflecting Pool
Reflecting Pool, #DCDFDC: rgb(220 223 220), hsl(120 4% 87%), oklch(0.9 0.005 145.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? → · Reflecting Pool color name →
#DCDFDC
oklch(0.9 0.005 145.5)
Renk dönüşümleri
- HEX
- #dcdfdc
- RGB
- rgb(220 223 220)
- HSL
- hsl(120 4% 87%)
- HWB
- hwb(120 86% 13%)
- OKLCH
- oklch(0.9 0.005 145.5)
- OKLab
- oklab(0.9 -0.004 0.003)
- CIE Lab
- lab(88.52 -1.45 1.1)
- LCH
- lch(88.52 1.82 142.9)
- CMYK
- cmyk(1% 0% 1% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFE2DF
- E3E5E3
- E6E9E6
- EAECEA
- EDEFED
- F1F2F1
- F4F5F4
- F8F9F8
- FBFCFB
Koyu tonlar
- BFC2BF
- A3A5A3
- 888A88
- 6E6F6E
- 545654
- 3C3D3C
- 262726
- 111211
- 020202
Gri tonlar
- D2D5D2
- C9CBC9
- BFC2BF
- B6B8B6
- ADAEAD
- A4A5A4
- 9B9B9B
- 929292
- 898989
Renk uyumları
Tamamlayıcı +180°
- DCDFDC
Reflecting Pool
- E0DDE0
≈ Lavender Lace
Analog -30° +30°
- DCDFDC
Reflecting Pool
- DEDFDB
≈ White Kitten
- DBDFDE
≈ Reflecting Pool
Üçlü +120° +240°
- DCDFDC
Reflecting Pool
- DCDEE2
≈ Grey Placidity
- E1DDDC
≈ Fall Chill
Bölünmüş tamamlayıcı +150° +210°
- DCDFDC
Reflecting Pool
- DEDDE1
≈ Grey Placidity
- E1DDDE
≈ Royal Silver
Dörtlü +90° +180° +270°
- DCDFDC
Reflecting Pool
- DBDFE1
≈ Drifting Cloud
- E0DDE0
≈ Lavender Lace
- E1DDDB
≈ Fall Chill
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.34:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.63:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.63:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--reflecting-pool: #dcdfdc;
--reflecting-pool-rgb: 220 223 220;
--reflecting-pool-oklch: oklch(0.9 0.005 145.5);
}
.element {
color: var(--reflecting-pool);
background-color: hsl(120 4% 87%);
border-color: oklch(0.9 0.005 145.5);
}Tailwind CSS v4
@theme {
--color-reflecting-pool: #dcdfdc;
--color-reflecting-pool-50: #f4f5f4;
--color-reflecting-pool-100: #e7e8e7;
--color-reflecting-pool-200: #d3d5d3;
--color-reflecting-pool-300: #b6b8b6;
--color-reflecting-pool-400: #9c9f9c;
--color-reflecting-pool-500: #848784;
--color-reflecting-pool-600: #707270;
--color-reflecting-pool-700: #595b59;
--color-reflecting-pool-800: #414341;
--color-reflecting-pool-900: #2d2e2d;
--color-reflecting-pool-950: #1a1b1a;
}SCSS
$reflecting-pool: #dcdfdc;
$reflecting-pool-rgb: 220, 223, 220;
$reflecting-pool-light: mix(#fff, $reflecting-pool, 20%);
$reflecting-pool-dark: mix(#000, $reflecting-pool, 20%);
.element {
color: $reflecting-pool;
box-shadow: 0 0 0 2px rgba($reflecting-pool, 0.35);
}