Benannte Farbe · #DEF3E6
Particle Cannon
Particle Cannon ist #DEF3E6: rgb(222 243 230), hsl(143 47% 91%), oklch(0.945 0.028 158.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Particle Cannon color name →
#DEF3E6
oklch(0.945 0.028 158.7)
Farbumrechnungen
- HEX
- #def3e6
- RGB
- rgb(222 243 230)
- HSL
- hsl(143 47% 91%)
- HWB
- hwb(143 87% 5%)
- OKLCH
- oklch(0.945 0.028 158.7)
- OKLab
- oklab(0.945 -0.026 0.01)
- CIE Lab
- lab(94.01 -8.93 3.81)
- LCH
- lch(94.01 9.71 156.9)
- CMYK
- cmyk(9% 0% 5% 5%)
Tints · Shades · Tones
Tints
- E1F4E8
- E5F5EB
- E8F7ED
- EBF8F0
- EFF9F2
- F2FAF5
- F5FBF7
- F8FDFA
- FCFEFC
Shades
- C1D3C8
- A5B4AB
- 89978E
- 6F7A73
- 555E59
- 3D4440
- 262B28
- 121413
- 020303
Tones
- D4E7DB
- CBDBD1
- C1CFC6
- B7C3BC
- AEB8B2
- A5ACA7
- 9BA19D
- 929694
- 898B8A
Farbharmonien
Komplementär +180°
- DEF3E6
Particle Cannon
- FAE6F3
≈ Cherry Pearl
Analog -30° +30°
- DEF3E6
Particle Cannon
- E7F1DD
≈ Lower Lime
- D9F3F0
≈ Air of Mint
Triadisch +120° +240°
- DEF3E6
Particle Cannon
- E8ECFF
≈ Brilliant White
- FFE7DF
≈ French Manicure
Geteilt komplementär +150° +210°
- DEF3E6
Particle Cannon
- F2E8FC
≈ Bright Dusk
- FFE6E9
≈ Vanilla Strawberry
Tetradisch +90° +180° +270°
- DEF3E6
Particle Cannon
- DFEFFF
≈ Calcareous Sinter
- FAE6F3
≈ Cherry Pearl
- FAEAD9
≈ Poppy Crepe
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.16:1 · APCA Lc 8
Ag
AAAAuf Schwarz
WCAG 18.06:1 · APCA Lc 97
Beste Textfarbe: #000000
WCAG 18.06:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--particle-cannon: #def3e6;
--particle-cannon-rgb: 222 243 230;
--particle-cannon-oklch: oklch(0.945 0.028 158.7);
}
.element {
color: var(--particle-cannon);
background-color: hsl(143 47% 91%);
border-color: oklch(0.945 0.028 158.7);
}Tailwind CSS v4
@theme {
--color-particle-cannon: #def3e6;
--color-particle-cannon-50: #eff8f2;
--color-particle-cannon-100: #e0ebe5;
--color-particle-cannon-200: #cad8d0;
--color-particle-cannon-300: #acbcb3;
--color-particle-cannon-400: #91a498;
--color-particle-cannon-500: #778c7f;
--color-particle-cannon-600: #65776c;
--color-particle-cannon-700: #515f56;
--color-particle-cannon-800: #3b453e;
--color-particle-cannon-900: #28302b;
--color-particle-cannon-950: #161c18;
}SCSS
$particle-cannon: #def3e6;
$particle-cannon-rgb: 222, 243, 230;
$particle-cannon-light: mix(#fff, $particle-cannon, 20%);
$particle-cannon-dark: mix(#000, $particle-cannon, 20%);
.element {
color: $particle-cannon;
box-shadow: 0 0 0 2px rgba($particle-cannon, 0.35);
}