Adlandırılmış renk · #E0E0DC
City Brume
City Brume, #E0E0DC: rgb(224 224 220), hsl(60 6% 87%), oklch(0.906 0.005 106.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? → · City Brume color name →
#E0E0DC
oklch(0.906 0.005 106.5)
Renk dönüşümleri
- HEX
- #e0e0dc
- RGB
- rgb(224 224 220)
- HSL
- hsl(60 6% 87%)
- HWB
- hwb(60 86% 12%)
- OKLCH
- oklch(0.906 0.005 106.5)
- OKLab
- oklab(0.906 -0.002 0.005)
- CIE Lab
- lab(89.09 -0.53 1.96)
- LCH
- lch(89.09 2.03 105.1)
- CMYK
- cmyk(0% 0% 2% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E3E3DF
- E6E6E3
- E9E9E6
- ECECEA
- EFEFED
- F3F3F1
- F6F6F4
- F9F9F8
- FCFCFB
Koyu tonlar
- C3C3BF
- A6A6A3
- 8A8A88
- 70706E
- 565654
- 3E3E3C
- 272726
- 121211
- 020202
Gri tonlar
- D6D6D2
- CCCCC9
- C2C2BF
- B8B8B6
- AFAFAD
- A5A5A4
- 9C9C9B
- 929292
- 898989
Renk uyumları
Tamamlayıcı +180°
- E0E0DC
City Brume
- DFDFE3
≈ Wayward Wind
Analog -30° +30°
- E0E0DC
City Brume
- E2DFDC
≈ Ghosted
- DEE1DD
≈ Rock Candy
Üçlü +120° +240°
- E0E0DC
City Brume
- DCE1E2
≈ Beach Wind
- E3DEE0
≈ Ardcoat
Bölünmüş tamamlayıcı +150° +210°
- E0E0DC
City Brume
- DDE0E3
≈ Wayward Wind
- E1DFE2
≈ Soft Silk
Dörtlü +90° +180° +270°
- E0E0DC
City Brume
- DCE1E1
≈ Beach Wind
- DFDFE3
≈ Wayward Wind
- E3DEDE
≈ Ardcoat
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.32:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.86:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.86:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--city-brume: #e0e0dc;
--city-brume-rgb: 224 224 220;
--city-brume-oklch: oklch(0.906 0.005 106.5);
}
.element {
color: var(--city-brume);
background-color: hsl(60 6% 87%);
border-color: oklch(0.906 0.005 106.5);
}Tailwind CSS v4
@theme {
--color-city-brume: #e0e0dc;
--color-city-brume-50: #f5f5f3;
--color-city-brume-100: #e8e8e6;
--color-city-brume-200: #d4d4d2;
--color-city-brume-300: #b7b7b4;
--color-city-brume-400: #9f9f9b;
--color-city-brume-500: #868682;
--color-city-brume-600: #72726e;
--color-city-brume-700: #5b5b58;
--color-city-brume-800: #434240;
--color-city-brume-900: #2e2e2c;
--color-city-brume-950: #1b1b19;
}SCSS
$city-brume: #e0e0dc;
$city-brume-rgb: 224, 224, 220;
$city-brume-light: mix(#fff, $city-brume, 20%);
$city-brume-dark: mix(#000, $city-brume, 20%);
.element {
color: $city-brume;
box-shadow: 0 0 0 2px rgba($city-brume, 0.35);
}