Nazwany kolor · #E0CFB0
Netsuke
Netsuke to #E0CFB0: rgb(224 207 176), hsl(39 44% 78%), oklch(0.86 0.046 82.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Netsuke color name →
#E0CFB0
oklch(0.86 0.046 82.6)
Konwersje koloru
- HEX
- #e0cfb0
- RGB
- rgb(224 207 176)
- HSL
- hsl(39 44% 78%)
- HWB
- hwb(39 69% 12%)
- OKLCH
- oklch(0.86 0.046 82.6)
- OKLab
- oklab(0.86 0.006 0.045)
- CIE Lab
- lab(83.94 2.51 17.72)
- LCH
- lch(83.94 17.9 81.9)
- CMYK
- cmyk(0% 8% 21% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3D4B8
- E6D9C0
- E9DDC8
- ECE2CF
- EFE7D7
- F3ECDF
- F6F1E7
- F9F5EF
- FCFAF7
Odcienie ciemniejsze
- C3B499
- A69982
- 8A7F6C
- 706756
- 564F42
- 3E382E
- 27231C
- 12100B
- 020201
Tony
- D6C7AB
- CCBFA6
- C2B7A2
- B8AF9D
- AFA798
- A59F93
- 9C978E
- 928F8A
- 898885
Harmonie kolorów
Komplementarna +180°
- E0CFB0
Netsuke
- C1D2F0
≈ Mr. Glass
Analogowa -30° +30°
- E0CFB0
Netsuke
- EACAB6
≈ Woodstock Rose
- D1D5B3
≈ Orinoco
Triada +120° +240°
- E0CFB0
Netsuke
- AFDBDE
≈ Daly Waters
- E0C8E3
≈ Syrian Violet
Komplementarna rozszczepiona +150° +210°
- E0CFB0
Netsuke
- B4D7EA
≈ New Prince
- D1CCED
≈ Miami White
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.53:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.72:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.72:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--netsuke: #e0cfb0;
--netsuke-rgb: 224 207 176;
--netsuke-oklch: oklch(0.86 0.046 82.6);
}
.element {
color: var(--netsuke);
background-color: hsl(39 44% 78%);
border-color: oklch(0.86 0.046 82.6);
}Tailwind CSS v4
@theme {
--color-netsuke: #e0cfb0;
--color-netsuke-50: #fbf4e7;
--color-netsuke-100: #efe7d7;
--color-netsuke-200: #ddd3bf;
--color-netsuke-300: #c2b69e;
--color-netsuke-400: #ac9c80;
--color-netsuke-500: #958464;
--color-netsuke-600: #7e7055;
--color-netsuke-700: #655944;
--color-netsuke-800: #4b4130;
--color-netsuke-900: #342d21;
--color-netsuke-950: #1f1a10;
}SCSS
$netsuke: #e0cfb0;
$netsuke-rgb: 224, 207, 176;
$netsuke-light: mix(#fff, $netsuke, 20%);
$netsuke-dark: mix(#000, $netsuke, 20%);
.element {
color: $netsuke;
box-shadow: 0 0 0 2px rgba($netsuke, 0.35);
}