Adlandırılmış renk · #EEA771
Apricot Jam
Apricot Jam, #EEA771: rgb(238 167 113), hsl(26 79% 69%), oklch(0.785 0.109 57.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Apricot Jam color name →
#EEA771
oklch(0.785 0.109 57.6)
Renk dönüşümleri
- HEX
- #eea771
- RGB
- rgb(238 167 113)
- HSL
- hsl(26 79% 69%)
- HWB
- hwb(26 44% 7%)
- OKLCH
- oklch(0.785 0.109 57.6)
- OKLab
- oklab(0.785 0.059 0.092)
- CIE Lab
- lab(74.65 22.73 38.79)
- LCH
- lch(74.65 44.96 59.6)
- CMYK
- cmyk(0% 30% 53% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0B080
- F3B98E
- F5C29D
- F7CBAB
- F8D3B9
- FADCC7
- FBE5D5
- FDEEE3
- FEF6F1
Koyu tonlar
- CF9161
- B17B52
- 936643
- 775235
- 5C3E27
- 422C1A
- 2A1A0E
- 140A04
- 030101
Gri tonlar
- E3A374
- D8A076
- CD9C78
- C2987A
- B7947B
- AC907C
- A18C7E
- 96887F
- 8B847F
Renk uyumları
Tamamlayıcı +180°
- EEA771
Apricot Jam
- 70C3F7
≈ Maya Blue
Analog -30° +30°
- EEA771
Apricot Jam
- F79D92
≈ Peach Amber
- D7B562
≈ Strike It Rich
Üçlü +120° +240°
- EEA771
Apricot Jam
- 5FD0B8
≈ Sweet Garden
- C1AAF6
≈ Purple Hepatica
Bölünmüş tamamlayıcı +150° +210°
- EEA771
Apricot Jam
- 53CDDD
≈ Watercourse
- 9BB7FF
≈ Truesky Gloxym
Dörtlü +90° +180° +270°
- EEA771
Apricot Jam
- 88CC91
≈ Good Luck Charm
- 70C3F7
≈ Maya Blue
- DFA0DD
≈ Plum Juice
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.01:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.40:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.40:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--apricot-jam: #eea771;
--apricot-jam-rgb: 238 167 113;
--apricot-jam-oklch: oklch(0.785 0.109 57.6);
}
.element {
color: var(--apricot-jam);
background-color: hsl(26 79% 69%);
border-color: oklch(0.785 0.109 57.6);
}Tailwind CSS v4
@theme {
--color-apricot-jam: #eea771;
--color-apricot-jam-50: #ffefd7;
--color-apricot-jam-100: #ffe0c4;
--color-apricot-jam-200: #f8caa6;
--color-apricot-jam-300: #e1aa7e;
--color-apricot-jam-400: #cf8e5b;
--color-apricot-jam-500: #bb7234;
--color-apricot-jam-600: #9e612d;
--color-apricot-jam-700: #7f4d24;
--color-apricot-jam-800: #5f3719;
--color-apricot-jam-900: #422610;
--color-apricot-jam-950: #2b1404;
}SCSS
$apricot-jam: #eea771;
$apricot-jam-rgb: 238, 167, 113;
$apricot-jam-light: mix(#fff, $apricot-jam, 20%);
$apricot-jam-dark: mix(#000, $apricot-jam, 20%);
.element {
color: $apricot-jam;
box-shadow: 0 0 0 2px rgba($apricot-jam, 0.35);
}