Colore con nome · #E5E7E5
Bridal Wreath
Bridal Wreath è #E5E7E5: rgb(229 231 229), hsl(120 4% 90%), oklch(0.926 0.003 145.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Bridal Wreath color name →
#E5E7E5
oklch(0.926 0.003 145.5)
Conversioni di colore
- HEX
- #e5e7e5
- RGB
- rgb(229 231 229)
- HSL
- hsl(120 4% 90%)
- HWB
- hwb(120 90% 9%)
- OKLCH
- oklch(0.926 0.003 145.5)
- OKLab
- oklab(0.926 -0.003 0.002)
- CIE Lab
- lab(91.45 -0.96 0.73)
- LCH
- lch(91.45 1.21 142.9)
- CMYK
- cmyk(1% 0% 1% 9%)
Tinte · Ombre · Toni
Tinte
- E8E9E8
- EAECEA
- EDEEED
- EFF1EF
- F2F3F2
- F5F5F5
- F7F8F7
- FAFAFA
- FCFDFC
Ombre
- C7C9C7
- AAABAA
- 8E8F8E
- 727372
- 585958
- 3F403F
- 282828
- 121312
- 030303
Toni
- DADCDA
- D0D2D0
- C6C7C6
- BBBCBB
- B1B2B1
- A7A8A7
- 9D9E9D
- 939493
- 8A8A8A
Armonie di colore
Complementare +180°
- E5E7E5
Bridal Wreath
- E8E6E8
≈ Orchid Mist
Analogo -30° +30°
- E5E7E5
Bridal Wreath
- E6E7E4
≈ Whale Bone
- E4E7E6
≈ Radisson
Triadico +120° +240°
- E5E7E5
Bridal Wreath
- E5E6E9
≈ Lilac Murmur
- E9E6E5
≈ Deep Daigi White
Complementare divisa +150° +210°
- E5E7E5
Bridal Wreath
- E6E6E8
≈ Moon Lily
- E8E5E6
≈ Minuet White
Tetradico +90° +180° +270°
- E5E7E5
Bridal Wreath
- E4E7E8
≈ Silent Delight
- E8E6E8
≈ Orchid Mist
- E8E6E4
≈ Soft Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASu nero
WCAG 16.89:1 · APCA Lc 92
Miglior colore del testo: #000000
WCAG 16.89:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--bridal-wreath: #e5e7e5;
--bridal-wreath-rgb: 229 231 229;
--bridal-wreath-oklch: oklch(0.926 0.003 145.5);
}
.element {
color: var(--bridal-wreath);
background-color: hsl(120 4% 90%);
border-color: oklch(0.926 0.003 145.5);
}Tailwind CSS v4
@theme {
--color-bridal-wreath: #e5e7e5;
--color-bridal-wreath-50: #f4f5f4;
--color-bridal-wreath-100: #e7e8e7;
--color-bridal-wreath-200: #d3d4d3;
--color-bridal-wreath-300: #b6b8b6;
--color-bridal-wreath-400: #9d9f9d;
--color-bridal-wreath-500: #858785;
--color-bridal-wreath-600: #707270;
--color-bridal-wreath-700: #5a5b5a;
--color-bridal-wreath-800: #424342;
--color-bridal-wreath-900: #2d2e2d;
--color-bridal-wreath-950: #1a1b1a;
}SCSS
$bridal-wreath: #e5e7e5;
$bridal-wreath-rgb: 229, 231, 229;
$bridal-wreath-light: mix(#fff, $bridal-wreath, 20%);
$bridal-wreath-dark: mix(#000, $bridal-wreath, 20%);
.element {
color: $bridal-wreath;
box-shadow: 0 0 0 2px rgba($bridal-wreath, 0.35);
}