Nazwany kolor · #9B8767
Winter Delta
Winter Delta to #9B8767: rgb(155 135 103), hsl(37 21% 51%), oklch(0.633 0.051 79.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Winter Delta color name →
#9B8767
oklch(0.633 0.051 79.3)
Konwersje koloru
- HEX
- #9b8767
- RGB
- rgb(155 135 103)
- HSL
- hsl(37 21% 51%)
- HWB
- hwb(37 40% 39%)
- OKLCH
- oklch(0.633 0.051 79.3)
- OKLab
- oklab(0.633 0.01 0.05)
- CIE Lab
- lab(57.54 4.21 20.2)
- LCH
- lch(57.54 20.63 78.2)
- CMYK
- cmyk(0% 13% 34% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A59275
- AE9E84
- B8AA93
- C2B6A2
- CCC2B1
- D6CEC0
- E0DAD0
- EAE6DF
- F5F2EF
Odcienie ciemniejsze
- 867559
- 72634B
- 5E513D
- 4B4130
- 393123
- 282117
- 18130C
- 090604
- 010100
Tony
- 98866A
- 96866C
- 93856F
- 908472
- 8E8474
- 8B8377
- 888279
- 85827B
- 83817E
Harmonie kolorów
Komplementarna +180°
- 9B8767
Winter Delta
- 788BAA
≈ Evening Hush
Analogowa -30° +30°
- 9B8767
Winter Delta
- A5816F
≈ Cocoa Nutmeg
- 8C8D69
≈ Tiny Seedling
Triada +120° +240°
- 9B8767
Winter Delta
- 649496
≈ Vintage Teal
- 98819E
≈ Mixed Berries
Komplementarna rozszczepiona +150° +210°
- 9B8767
Winter Delta
- 6A91A3
≈ Wave Jumper
- 8985A8
≈ Purple Hills
Tetrada +90° +180° +270°
- 9B8767
Winter Delta
- 6B9585
≈ Up North
- 788BAA
≈ Evening Hush
- A37E8F
≈ Garden Plum
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.46:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.05:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 6.05:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
CSS
:root {
--winter-delta: #9b8767;
--winter-delta-rgb: 155 135 103;
--winter-delta-oklch: oklch(0.633 0.051 79.3);
}
.element {
color: var(--winter-delta);
background-color: hsl(37 21% 51%);
border-color: oklch(0.633 0.051 79.3);
}Tailwind CSS v4
@theme {
--color-winter-delta: #9b8767;
--color-winter-delta-50: #fdf4e5;
--color-winter-delta-100: #f1e7d5;
--color-winter-delta-200: #e0d3bc;
--color-winter-delta-300: #c5b59a;
--color-winter-delta-400: #af9b7d;
--color-winter-delta-500: #99835f;
--color-winter-delta-600: #816f51;
--color-winter-delta-700: #675841;
--color-winter-delta-800: #4c402e;
--color-winter-delta-900: #352c1f;
--color-winter-delta-950: #20190f;
}SCSS
$winter-delta: #9b8767;
$winter-delta-rgb: 155, 135, 103;
$winter-delta-light: mix(#fff, $winter-delta, 20%);
$winter-delta-dark: mix(#000, $winter-delta, 20%);
.element {
color: $winter-delta;
box-shadow: 0 0 0 2px rgba($winter-delta, 0.35);
}