Adlandırılmış renk · #FEE0A5
Cape Honey
Cape Honey, #FEE0A5: rgb(254 224 165), hsl(40 98% 82%), oklch(0.918 0.082 83.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Cape Honey color name →
#FEE0A5
oklch(0.918 0.082 83.9)
Renk dönüşümleri
- HEX
- #fee0a5
- RGB
- rgb(254 224 165)
- HSL
- hsl(40 98% 82%)
- HWB
- hwb(40 65% 0%)
- OKLCH
- oklch(0.918 0.082 83.9)
- OKLab
- oklab(0.918 0.009 0.082)
- CIE Lab
- lab(90.67 4.69 32.96)
- LCH
- lch(90.67 33.29 81.9)
- CMYK
- cmyk(0% 12% 35% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FEE3AE
- FEE6B8
- FEEAC1
- FFEDCA
- FFF0D3
- FFF3DC
- FFF6E5
- FFF9ED
- FFFCF6
Koyu tonlar
- DDC38F
- BDA679
- 9E8A65
- 807051
- 63563D
- 473E2B
- 2D271A
- 16120A
- 030201
Gri tonlar
- F1D6A2
- E4CC9E
- D7C29B
- CAB997
- BDAF94
- B1A590
- A49C8C
- 989388
- 8C8984
Renk uyumları
Tamamlayıcı +180°
- FEE0A5
Cape Honey
- D7E4FF
≈ Stoic White
Analog -30° +30°
- FEE0A5
Cape Honey
- FFDCC6
≈ Coral Kiss
- E3EBAC
≈ Daydream
Üçlü +120° +240°
- FEE0A5
Cape Honey
- A0F4FD
≈ Waterspout
- FCD5FF
≈ Pink Diamond
Bölünmüş tamamlayıcı +150° +210°
- FEE0A5
Cape Honey
- C6EAFF
≈ Blue Java Banana
- E5DFFF
≈ Stoic White
Dörtlü +90° +180° +270°
- FEE0A5
Cape Honey
- A9F6E0
≈ Mintie
- D7E4FF
≈ Stoic White
- FFD7E6
≈ Powder Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.27:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.41:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.41:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--cape-honey: #fee0a5;
--cape-honey-rgb: 254 224 165;
--cape-honey-oklch: oklch(0.918 0.082 83.9);
}
.element {
color: var(--cape-honey);
background-color: hsl(40 98% 82%);
border-color: oklch(0.918 0.082 83.9);
}Tailwind CSS v4
@theme {
--color-cape-honey: #fee0a5;
--color-cape-honey-50: #fff4db;
--color-cape-honey-100: #f4e7c9;
--color-cape-honey-200: #e4d2ad;
--color-cape-honey-300: #cab587;
--color-cape-honey-400: #b69b65;
--color-cape-honey-500: #a08142;
--color-cape-honey-600: #876e39;
--color-cape-honey-700: #6c582d;
--color-cape-honey-800: #513f1f;
--color-cape-honey-900: #382c14;
--color-cape-honey-950: #231906;
}SCSS
$cape-honey: #fee0a5;
$cape-honey-rgb: 254, 224, 165;
$cape-honey-light: mix(#fff, $cape-honey, 20%);
$cape-honey-dark: mix(#000, $cape-honey, 20%);
.element {
color: $cape-honey;
box-shadow: 0 0 0 2px rgba($cape-honey, 0.35);
}