Colore con nome · #E1E6C7
Origami Clover
Origami Clover è #E1E6C7: rgb(225 230 199), hsl(70 38% 84%), oklch(0.913 0.041 114.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Origami Clover color name →
#E1E6C7
oklch(0.913 0.041 114.7)
Conversioni di colore
- HEX
- #e1e6c7
- RGB
- rgb(225 230 199)
- HSL
- hsl(70 38% 84%)
- HWB
- hwb(70 78% 10%)
- OKLCH
- oklch(0.913 0.041 114.7)
- OKLab
- oklab(0.913 -0.017 0.038)
- CIE Lab
- lab(90.29 -5.65 14.57)
- LCH
- lch(90.29 15.63 111.2)
- CMYK
- cmyk(2% 0% 13% 10%)
Tinte · Ombre · Toni
Tinte
- E4E9CD
- E7EBD2
- EAEED8
- EDF0DD
- F0F3E3
- F3F5E9
- F6F8EE
- F9FAF4
- FCFDF9
Ombre
- C4C8AD
- A7AB93
- 8B8E7A
- 707362
- 56594C
- 3E4036
- 272821
- 12130E
- 020302
Toni
- D7DBC0
- CDD1B8
- C3C6B1
- B9BCAA
- AFB2A3
- A6A89C
- 9C9D95
- 93948E
- 898A87
Armonie di colore
Complementare +180°
- E1E6C7
Origami Clover
- E3DDFC
≈ Contrail
Analogo -30° +30°
- E1E6C7
Origami Clover
- EFE1C4
≈ Champagne Bliss
- D2EAD2
≈ Venetian Pearl
Triadico +120° +240°
- E1E6C7
Origami Clover
- C9E7FA
≈ Icy Landscape
- FAD8E4
≈ Lovely Breeze
Complementare divisa +150° +210°
- E1E6C7
Origami Clover
- D5E3FF
≈ Stoic White
- F1D9F2
≈ Grape Taffy
Tetradico +90° +180° +270°
- E1E6C7
Origami Clover
- C3EBEF
≈ Icy Breeze
- E3DDFC
≈ Contrail
- FDD8D5
≈ Go Go Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.34:1 · APCA Lc 90
Miglior colore del testo: #000000
WCAG 16.34:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--origami-clover: #e1e6c7;
--origami-clover-rgb: 225 230 199;
--origami-clover-oklch: oklch(0.913 0.041 114.7);
}
.element {
color: var(--origami-clover);
background-color: hsl(70 38% 84%);
border-color: oklch(0.913 0.041 114.7);
}Tailwind CSS v4
@theme {
--color-origami-clover: #e1e6c7;
--color-origami-clover-50: #f4f7ea;
--color-origami-clover-100: #e7eadb;
--color-origami-clover-200: #d3d7c3;
--color-origami-clover-300: #b6baa3;
--color-origami-clover-400: #9da286;
--color-origami-clover-500: #858a6a;
--color-origami-clover-600: #71755a;
--color-origami-clover-700: #5a5d48;
--color-origami-clover-800: #424434;
--color-origami-clover-900: #2e2f23;
--color-origami-clover-950: #1b1c12;
}SCSS
$origami-clover: #e1e6c7;
$origami-clover-rgb: 225, 230, 199;
$origami-clover-light: mix(#fff, $origami-clover, 20%);
$origami-clover-dark: mix(#000, $origami-clover, 20%);
.element {
color: $origami-clover;
box-shadow: 0 0 0 2px rgba($origami-clover, 0.35);
}