Adlandırılmış renk · #F5C68B
Arts & Crafts Gold
Arts & Crafts Gold, #F5C68B: rgb(245 198 139), hsl(33 84% 75%), oklch(0.855 0.093 72.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Arts & Crafts Gold color name →
#F5C68B
oklch(0.855 0.093 72.4)
Renk dönüşümleri
- HEX
- #f5c68b
- RGB
- rgb(245 198 139)
- HSL
- hsl(33 84% 75%)
- HWB
- hwb(33 55% 4%)
- OKLCH
- oklch(0.855 0.093 72.4)
- OKLab
- oklab(0.855 0.028 0.088)
- CIE Lab
- lab(83.11 11.8 36.2)
- LCH
- lch(83.11 38.08 71.9)
- CMYK
- cmyk(0% 19% 43% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F6CC97
- F7D2A3
- F9D7AF
- FADDBA
- FBE3C6
- FCE8D1
- FDEEDD
- FDF4E8
- FEF9F4
Koyu tonlar
- D5AC78
- B69266
- 987A54
- 7B6243
- 5F4B32
- 443523
- 2B2114
- 150E07
- 030201
Gri tonlar
- E9BF8B
- DDB88A
- D1B189
- C5AA88
- B9A387
- AE9C86
- A29585
- 978E83
- 8B8782
Renk uyumları
Tamamlayıcı +180°
- F5C68B
Arts & Crafts Gold
- ADD3FF
≈ Ice Cold Stare
Analog -30° +30°
- F5C68B
Arts & Crafts Gold
- FFBEA4
≈ Sweet Apricot
- DBD28A
≈ Treasury
Üçlü +120° +240°
- F5C68B
Arts & Crafts Gold
- 81E3DF
≈ Cold Blue
- E4BEFB
≈ Jane Purple
Bölünmüş tamamlayıcı +150° +210°
- F5C68B
Arts & Crafts Gold
- 88DDFB
≈ Tranquil Pool
- C7CAFF
≈ Lavender Blue
Dörtlü +90° +180° +270°
- F5C68B
Arts & Crafts Gold
- 96E3BD
≈ Green Gum
- ADD3FF
≈ Ice Cold Stare
- FAB8E0
≈ Bubblegum Heart
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.57:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.33:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.33:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--arts-crafts-gold: #f5c68b;
--arts-crafts-gold-rgb: 245 198 139;
--arts-crafts-gold-oklch: oklch(0.855 0.093 72.4);
}
.element {
color: var(--arts-crafts-gold);
background-color: hsl(33 84% 75%);
border-color: oklch(0.855 0.093 72.4);
}Tailwind CSS v4
@theme {
--color-arts-crafts-gold: #f5c68b;
--color-arts-crafts-gold-50: #fff2d9;
--color-arts-crafts-gold-100: #fbe4c7;
--color-arts-crafts-gold-200: #eccfa9;
--color-arts-crafts-gold-300: #d4b182;
--color-arts-crafts-gold-400: #c0965f;
--color-arts-crafts-gold-500: #ac7c3a;
--color-arts-crafts-gold-600: #916932;
--color-arts-crafts-gold-700: #745428;
--color-arts-crafts-gold-800: #573c1c;
--color-arts-crafts-gold-900: #3d2a12;
--color-arts-crafts-gold-950: #261705;
}SCSS
$arts-crafts-gold: #f5c68b;
$arts-crafts-gold-rgb: 245, 198, 139;
$arts-crafts-gold-light: mix(#fff, $arts-crafts-gold, 20%);
$arts-crafts-gold-dark: mix(#000, $arts-crafts-gold, 20%);
.element {
color: $arts-crafts-gold;
box-shadow: 0 0 0 2px rgba($arts-crafts-gold, 0.35);
}