Adlandırılmış renk · #E1E2CF
Positive Energy
Positive Energy, #E1E2CF: rgb(225 226 207), hsl(63 25% 85%), oklch(0.907 0.025 109.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Positive Energy color name →
#E1E2CF
oklch(0.907 0.025 109.3)
Renk dönüşümleri
- HEX
- #e1e2cf
- RGB
- rgb(225 226 207)
- HSL
- hsl(63 25% 85%)
- HWB
- hwb(63 81% 11%)
- OKLCH
- oklch(0.907 0.025 109.3)
- OKLab
- oklab(0.907 -0.008 0.024)
- CIE Lab
- lab(89.42 -2.79 9.2)
- LCH
- lch(89.42 9.62 106.8)
- CMYK
- cmyk(0% 0% 8% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E4E5D4
- E7E8D9
- EAEBDD
- EDEEE2
- F0F0E7
- F3F3EC
- F6F6F0
- F9F9F5
- FCFCFA
Koyu tonlar
- C4C4B4
- A7A899
- 8B8C7F
- 707167
- 56574F
- 3E3E38
- 272723
- 121210
- 020302
Gri tonlar
- D7D8C7
- CDCEBF
- C3C4B7
- B9BAAF
- AFB0A7
- A6A69F
- 9C9C97
- 93938F
- 898988
Renk uyumları
Tamamlayıcı +180°
- E1E2CF
Positive Energy
- DFDEF1
≈ Artemis Silver
Analog -30° +30°
- E1E2CF
Positive Energy
- E9DFCE
≈ Vanilla Flower
- D8E5D5
≈ Light Mystified
Üçlü +120° +240°
- E1E2CF
Positive Energy
- D0E4EE
≈ Mystic Harbour
- EEDAE3
≈ Rosa Bonito
Bölünmüş tamamlayıcı +150° +210°
- E1E2CF
Positive Energy
- D6E1F2
≈ Aquarelle Purple
- E8DBEB
≈ Princess Fairy Tale
Dörtlü +90° +180° +270°
- E1E2CF
Positive Energy
- CEE6E7
≈ Ventilated
- DFDEF1
≈ Artemis Silver
- F1DAD9
≈ Lover’s Knot
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.31:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.98:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.98:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--positive-energy: #e1e2cf;
--positive-energy-rgb: 225 226 207;
--positive-energy-oklch: oklch(0.907 0.025 109.3);
}
.element {
color: var(--positive-energy);
background-color: hsl(63 25% 85%);
border-color: oklch(0.907 0.025 109.3);
}Tailwind CSS v4
@theme {
--color-positive-energy: #e1e2cf;
--color-positive-energy-50: #f5f6ee;
--color-positive-energy-100: #e8e9df;
--color-positive-energy-200: #d4d5c9;
--color-positive-energy-300: #b7b9aa;
--color-positive-energy-400: #9fa08f;
--color-positive-energy-500: #878875;
--color-positive-energy-600: #727363;
--color-positive-energy-700: #5b5c4f;
--color-positive-energy-800: #434339;
--color-positive-energy-900: #2e2e27;
--color-positive-energy-950: #1b1b15;
}SCSS
$positive-energy: #e1e2cf;
$positive-energy-rgb: 225, 226, 207;
$positive-energy-light: mix(#fff, $positive-energy, 20%);
$positive-energy-dark: mix(#000, $positive-energy, 20%);
.element {
color: $positive-energy;
box-shadow: 0 0 0 2px rgba($positive-energy, 0.35);
}