Nazwany kolor · #DA995F
Apple Cider
Apple Cider to #DA995F: rgb(218 153 95), hsl(28 62% 61%), oklch(0.734 0.108 61.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Apple Cider color name →
#DA995F
oklch(0.734 0.108 61.6)
Konwersje koloru
- HEX
- #da995f
- RGB
- rgb(218 153 95)
- HSL
- hsl(28 62% 61%)
- HWB
- hwb(28 37% 15%)
- OKLCH
- oklch(0.734 0.108 61.6)
- OKLab
- oklab(0.734 0.051 0.095)
- CIE Lab
- lab(68.84 20.61 40.41)
- LCH
- lch(68.84 45.36 63)
- CMYK
- cmyk(0% 30% 56% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DEA370
- E2AE80
- E6B890
- EAC2A0
- EECCB0
- F2D6C0
- F5E0CF
- F9EBDF
- FCF5EF
Odcienie ciemniejsze
- BD8452
- A27044
- 875D38
- 6C4A2C
- 543820
- 3C2715
- 25170A
- 110803
- 020100
Tony
- D19764
- C89568
- BF926C
- B6906F
- AD8D73
- A48B76
- 9B8879
- 92867B
- 89837E
Harmonie kolorów
Komplementarna +180°
- DA995F
Apple Cider
- 67B1E7
≈ Sanctuary Spa
Analogowa -30° +30°
- DA995F
Apple Cider
- E58F7E
≈ Nude Flamingo
- C2A753
≈ Yellow Maize
Triada +120° +240°
- DA995F
Apple Cider
- 4ABFAE
≈ Emerald Bliss
- B599E2
≈ Dreamy Candy Forest
Komplementarna rozszczepiona +150° +210°
- DA995F
Apple Cider
- 44BBD0
≈ Water Sports
- 91A5ED
≈ Cold Lips
Tetrada +90° +180° +270°
- DA995F
Apple Cider
- 73BD87
≈ Jade Stone Green
- 67B1E7
≈ Sanctuary Spa
- D18FC8
≈ Carnation Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.41:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.70:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.70:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--apple-cider: #da995f;
--apple-cider-rgb: 218 153 95;
--apple-cider-oklch: oklch(0.734 0.108 61.6);
}
.element {
color: var(--apple-cider);
background-color: hsl(28 62% 61%);
border-color: oklch(0.734 0.108 61.6);
}Tailwind CSS v4
@theme {
--color-apple-cider: #da995f;
--color-apple-cider-50: #ffefd6;
--color-apple-cider-100: #ffe1c3;
--color-apple-cider-200: #f6cba5;
--color-apple-cider-300: #dfac7d;
--color-apple-cider-400: #cc8f59;
--color-apple-cider-500: #b97430;
--color-apple-cider-600: #9c622b;
--color-apple-cider-700: #7d4f22;
--color-apple-cider-800: #5d3818;
--color-apple-cider-900: #41270f;
--color-apple-cider-950: #2a1503;
}SCSS
$apple-cider: #da995f;
$apple-cider-rgb: 218, 153, 95;
$apple-cider-light: mix(#fff, $apple-cider, 20%);
$apple-cider-dark: mix(#000, $apple-cider, 20%);
.element {
color: $apple-cider;
box-shadow: 0 0 0 2px rgba($apple-cider, 0.35);
}