Nazwany kolor · #E0CFB9
Soft Doeskin
Soft Doeskin to #E0CFB9: rgb(224 207 185), hsl(34 39% 80%), oklch(0.863 0.035 74.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Soft Doeskin color name →
#E0CFB9
oklch(0.863 0.035 74.4)
Konwersje koloru
- HEX
- #e0cfb9
- RGB
- rgb(224 207 185)
- HSL
- hsl(34 39% 80%)
- HWB
- hwb(34 73% 12%)
- OKLCH
- oklch(0.863 0.035 74.4)
- OKLab
- oklab(0.863 0.009 0.034)
- CIE Lab
- lab(84.1 3.49 13.23)
- LCH
- lch(84.1 13.68 75.2)
- CMYK
- cmyk(0% 8% 17% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3D4C0
- E6D9C7
- E9DDCE
- ECE2D5
- F0E7DC
- F3ECE3
- F6F0EA
- F9F5F1
- FCFAF8
Odcienie ciemniejsze
- C3B4A0
- A69989
- 8A7F71
- 70675B
- 564F46
- 3E3831
- 27231E
- 12100D
- 020202
Tony
- D6C7B3
- CCBFAD
- C2B7A8
- B9AFA2
- AFA79C
- A59F97
- 9C9791
- 928F8B
- 898886
Harmonie kolorów
Komplementarna +180°
- E0CFB9
Soft Doeskin
- C3D4E9
≈ Slipstream
Analogowa -30° +30°
- E0CFB9
Soft Doeskin
- E7CBBF
≈ Au Naturel
- D5D3B9
≈ Pistachio Tang
Triada +120° +240°
- E0CFB9
Soft Doeskin
- B8DAD9
≈ Silent River
- DBCBE2
≈ Grape Glimmer
Komplementarna rozszczepiona +150° +210°
- E0CFB9
Soft Doeskin
- BAD7E3
≈ Bridgewater Bay
- CFCFE9
≈ Artistic Violet
Tetrada +90° +180° +270°
- E0CFB9
Soft Doeskin
- BEDACC
≈ Dusty Aqua
- C3D4E9
≈ Slipstream
- E4C9D7
≈ Kiss Good Night
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.52:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.79:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.79:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--soft-doeskin: #e0cfb9;
--soft-doeskin-rgb: 224 207 185;
--soft-doeskin-oklch: oklch(0.863 0.035 74.4);
}
.element {
color: var(--soft-doeskin);
background-color: hsl(34 39% 80%);
border-color: oklch(0.863 0.035 74.4);
}Tailwind CSS v4
@theme {
--color-soft-doeskin: #e0cfb9;
--color-soft-doeskin-50: #fbf4ea;
--color-soft-doeskin-100: #efe7db;
--color-soft-doeskin-200: #ddd3c4;
--color-soft-doeskin-300: #c2b5a4;
--color-soft-doeskin-400: #ab9c88;
--color-soft-doeskin-500: #94836d;
--color-soft-doeskin-600: #7d6f5c;
--color-soft-doeskin-700: #645949;
--color-soft-doeskin-800: #4a4135;
--color-soft-doeskin-900: #332d24;
--color-soft-doeskin-950: #1f1a13;
}SCSS
$soft-doeskin: #e0cfb9;
$soft-doeskin-rgb: 224, 207, 185;
$soft-doeskin-light: mix(#fff, $soft-doeskin, 20%);
$soft-doeskin-dark: mix(#000, $soft-doeskin, 20%);
.element {
color: $soft-doeskin;
box-shadow: 0 0 0 2px rgba($soft-doeskin, 0.35);
}