Nazwany kolor · #E1BC73
Swiftly Green
Swiftly Green to #E1BC73: rgb(225 188 115), hsl(40 65% 67%), oklch(0.812 0.101 83.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Swiftly Green color name →
#E1BC73
oklch(0.812 0.101 83.4)
Konwersje koloru
- HEX
- #e1bc73
- RGB
- rgb(225 188 115)
- HSL
- hsl(40 65% 67%)
- HWB
- hwb(40 45% 12%)
- OKLCH
- oklch(0.812 0.101 83.4)
- OKLab
- oklab(0.812 0.012 0.1)
- CIE Lab
- lab(78.37 7.02 41.92)
- LCH
- lch(78.37 42.51 80.5)
- CMYK
- cmyk(0% 16% 49% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4C382
- E7CA91
- EAD09F
- EDD7AD
- F0DEBB
- F3E4C8
- F6EBD6
- F9F2E4
- FCF8F1
Odcienie ciemniejsze
- C4A363
- A78B54
- 8B7345
- 705D36
- 564728
- 3E321B
- 271F0F
- 120D05
- 020201
Tony
- D7B676
- CDB078
- C3AA7A
- B9A47B
- B09E7D
- A6987E
- 9C927F
- 938C7F
- 898680
Harmonie kolorów
Komplementarna +180°
- E1BC73
Swiftly Green
- A2C2FF
≈ Pastel Blue
Analogowa -30° +30°
- E1BC73
Swiftly Green
- F5B083
≈ Peach Quartz
- C1C97B
≈ Greenish Tan
Triada +120° +240°
- E1BC73
Swiftly Green
- 67D5DF
≈ Aquamarine Blue
- E2ACE7
≈ Candy Floss
Komplementarna rozszczepiona +150° +210°
- E1BC73
Swiftly Green
- 7BCDF9
≈ Bubbly Barracuda
- C4B5FD
≈ Violet Heaven
Tetrada +90° +180° +270°
- E1BC73
Swiftly Green
- 76D7BC
≈ Peppy
- A2C2FF
≈ Pastel Blue
- F5A6C7
≈ Rose Mallow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.80:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.64:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.64:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--swiftly-green: #e1bc73;
--swiftly-green-rgb: 225 188 115;
--swiftly-green-oklch: oklch(0.812 0.101 83.4);
}
.element {
color: var(--swiftly-green);
background-color: hsl(40 65% 67%);
border-color: oklch(0.812 0.101 83.4);
}Tailwind CSS v4
@theme {
--color-swiftly-green: #e1bc73;
--color-swiftly-green-50: #fff4d5;
--color-swiftly-green-100: #f7e6c2;
--color-swiftly-green-200: #e8d2a3;
--color-swiftly-green-300: #cfb47b;
--color-swiftly-green-400: #bb9955;
--color-swiftly-green-500: #a67f29;
--color-swiftly-green-600: #8c6c25;
--color-swiftly-green-700: #71561d;
--color-swiftly-green-800: #543e13;
--color-swiftly-green-900: #3b2b0c;
--color-swiftly-green-950: #251801;
}SCSS
$swiftly-green: #e1bc73;
$swiftly-green-rgb: 225, 188, 115;
$swiftly-green-light: mix(#fff, $swiftly-green, 20%);
$swiftly-green-dark: mix(#000, $swiftly-green, 20%);
.element {
color: $swiftly-green;
box-shadow: 0 0 0 2px rgba($swiftly-green, 0.35);
}