Cor nomeada · #E4E0DD
Timid Sheep
Timid Sheep é #E4E0DD: rgb(228 224 221), hsl(26 11% 88%), oklch(0.909 0.006 59.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Timid Sheep color name →
#E4E0DD
oklch(0.909 0.006 59.6)
Conversões de cor
- HEX
- #e4e0dd
- RGB
- rgb(228 224 221)
- HSL
- hsl(26 11% 88%)
- HWB
- hwb(26 87% 11%)
- OKLCH
- oklch(0.909 0.006 59.6)
- OKLab
- oklab(0.909 0.003 0.005)
- CIE Lab
- lab(89.43 1.01 1.98)
- LCH
- lch(89.43 2.22 62.9)
- CMYK
- cmyk(0% 2% 3% 11%)
Tons claros · Sombras · Tons
Tons claros
- E7E3E0
- E9E6E4
- ECE9E7
- EFECEA
- F1EFEE
- F4F3F1
- F7F6F5
- FAF9F8
- FCFCFC
Sombras
- C6C3C0
- A9A6A4
- 8D8A88
- 72706E
- 585655
- 3F3E3D
- 282726
- 121211
- 030202
Tons
- DAD6D3
- CFCCCA
- C5C2C0
- BBB8B7
- B1AFAD
- A7A5A4
- 9D9C9B
- 939292
- 8A8989
Harmonias de cor
Complementar +180°
- E4E0DD
Timid Sheep
- DDE1E4
≈ Cosmic Dust
Análoga -30° +30°
- E4E0DD
Timid Sheep
- E5DFDF
≈ Mountain Air
- E2E1DC
≈ Night White
Tríade +120° +240°
- E4E0DD
Timid Sheep
- DDE2E1
≈ Etched Glass
- E1E0E4
≈ Soft Silk
Complementar dividida +150° +210°
- E4E0DD
Timid Sheep
- DDE2E3
≈ Etched Glass
- DFE1E5
≈ Lilac Champagne
Tétrade +90° +180° +270°
- E4E0DD
Timid Sheep
- DEE2DF
≈ Rock Candy
- DDE1E4
≈ Cosmic Dust
- E3DFE3
≈ Soft Silk
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.31:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.00:1 · APCA Lc 88
Melhor cor de texto: #000000
WCAG 16.00:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--timid-sheep: #e4e0dd;
--timid-sheep-rgb: 228 224 221;
--timid-sheep-oklch: oklch(0.909 0.006 59.6);
}
.element {
color: var(--timid-sheep);
background-color: hsl(26 11% 88%);
border-color: oklch(0.909 0.006 59.6);
}Tailwind CSS v4
@theme {
--color-timid-sheep: #e4e0dd;
--color-timid-sheep-50: #f6f5f3;
--color-timid-sheep-100: #e9e7e6;
--color-timid-sheep-200: #d6d4d2;
--color-timid-sheep-300: #bab7b4;
--color-timid-sheep-400: #a19e9b;
--color-timid-sheep-500: #898582;
--color-timid-sheep-600: #74716e;
--color-timid-sheep-700: #5d5a58;
--color-timid-sheep-800: #444240;
--color-timid-sheep-900: #2f2d2c;
--color-timid-sheep-950: #1b1a19;
}SCSS
$timid-sheep: #e4e0dd;
$timid-sheep-rgb: 228, 224, 221;
$timid-sheep-light: mix(#fff, $timid-sheep, 20%);
$timid-sheep-dark: mix(#000, $timid-sheep, 20%);
.element {
color: $timid-sheep;
box-shadow: 0 0 0 2px rgba($timid-sheep, 0.35);
}