Nazwany kolor · #F0E9D1
Fuzzy Sheep
Fuzzy Sheep to #F0E9D1: rgb(240 233 209), hsl(46 51% 88%), oklch(0.933 0.033 93.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Fuzzy Sheep color name →
#F0E9D1
oklch(0.933 0.033 93.5)
Konwersje koloru
- HEX
- #f0e9d1
- RGB
- rgb(240 233 209)
- HSL
- hsl(46 51% 88%)
- HWB
- hwb(46 82% 6%)
- OKLCH
- oklch(0.933 0.033 93.5)
- OKLab
- oklab(0.933 -0.002 0.033)
- CIE Lab
- lab(92.43 -0.49 12.6)
- LCH
- lch(92.43 12.61 92.2)
- CMYK
- cmyk(0% 3% 13% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F1EBD6
- F3EDDA
- F4F0DF
- F6F2E3
- F7F4E8
- F9F6ED
- FAF8F1
- FCFBF6
- FDFDFA
Odcienie ciemniejsze
- D1CBB5
- B2AD9B
- 959081
- 787468
- 5D5A50
- 434139
- 2A2923
- 141310
- 030302
Tony
- E4DEC9
- D9D3C0
- CDC8B8
- C2BEB0
- B6B3A8
- ABA9A0
- A09E98
- 959490
- 8B8A88
Harmonie kolorów
Komplementarna +180°
- F0E9D1
Fuzzy Sheep
- E2E8FF
≈ Cyber Lavender
Analogowa -30° +30°
- F0E9D1
Fuzzy Sheep
- F9E5D3
≈ Warm Bread
- E4EDD5
≈ Lime Meringue
Triada +120° +240°
- F0E9D1
Fuzzy Sheep
- D1EFF6
≈ Frostproof
- F7E1F2
≈ Pale Blossom
Komplementarna rozszczepiona +150° +210°
- F0E9D1
Fuzzy Sheep
- D7ECFE
≈ Cloudless
- EDE4FB
≈ Holographic Lavender
Tetrada +90° +180° +270°
- F0E9D1
Fuzzy Sheep
- D2F1EB
≈ Diminished Sky
- E2E8FF
≈ Cyber Lavender
- FDE0E6
≈ Pink Pleasure
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.21:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.28:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.28:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--fuzzy-sheep: #f0e9d1;
--fuzzy-sheep-rgb: 240 233 209;
--fuzzy-sheep-oklch: oklch(0.933 0.033 93.5);
}
.element {
color: var(--fuzzy-sheep);
background-color: hsl(46 51% 88%);
border-color: oklch(0.933 0.033 93.5);
}Tailwind CSS v4
@theme {
--color-fuzzy-sheep: #f0e9d1;
--color-fuzzy-sheep-50: #f8f5eb;
--color-fuzzy-sheep-100: #ebe8dc;
--color-fuzzy-sheep-200: #d8d4c5;
--color-fuzzy-sheep-300: #bcb8a5;
--color-fuzzy-sheep-400: #a59e89;
--color-fuzzy-sheep-500: #8d866e;
--color-fuzzy-sheep-600: #77725d;
--color-fuzzy-sheep-700: #605b4a;
--color-fuzzy-sheep-800: #464236;
--color-fuzzy-sheep-900: #312e25;
--color-fuzzy-sheep-950: #1d1a13;
}SCSS
$fuzzy-sheep: #f0e9d1;
$fuzzy-sheep-rgb: 240, 233, 209;
$fuzzy-sheep-light: mix(#fff, $fuzzy-sheep, 20%);
$fuzzy-sheep-dark: mix(#000, $fuzzy-sheep, 20%);
.element {
color: $fuzzy-sheep;
box-shadow: 0 0 0 2px rgba($fuzzy-sheep, 0.35);
}