Adlandırılmış renk · #FFD8B1
Acini di Pepe
Acini di Pepe, #FFD8B1: rgb(255 216 177), hsl(30 100% 85%), oklch(0.906 0.067 66.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Acini di Pepe color name →
#FFD8B1
oklch(0.906 0.067 66.8)
Renk dönüşümleri
- HEX
- #ffd8b1
- RGB
- rgb(255 216 177)
- HSL
- hsl(30 100% 85%)
- HWB
- hwb(30 69% 0%)
- OKLCH
- oklch(0.906 0.067 66.8)
- OKLab
- oklab(0.906 0.026 0.062)
- CIE Lab
- lab(88.99 10.01 24.62)
- LCH
- lch(88.99 26.58 67.9)
- CMYK
- cmyk(0% 15% 31% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFDCB9
- FFE0C1
- FFE4C9
- FFE8D0
- FFECD8
- FFF0E0
- FFF3E8
- FFF7F0
- FFFBF7
Koyu tonlar
- DEBC99
- BEA083
- 9E856C
- 806B57
- 635342
- 483B2F
- 2E251C
- 16110C
- 030201
Gri tonlar
- F2CFAC
- E5C6A7
- D8BDA3
- CBB49E
- BEAB99
- B1A294
- A59A8F
- 98918A
- 8C8985
Renk uyumları
Tamamlayıcı +180°
- FFD8B1
Acini di Pepe
- C7E4FF
≈ Fresh Water
Analog -30° +30°
- FFD8B1
Acini di Pepe
- FFD5C9
≈ Pale Jasper
- ECE1AE
≈ Citrus Rind
Üçlü +120° +240°
- FFD8B1
Acini di Pepe
- ADEFE7
≈ East Cape
- EAD6FF
≈ Rose Dragée
Bölünmüş tamamlayıcı +150° +210°
- FFD8B1
Acini di Pepe
- ADECFD
≈ Beyond the Clouds
- D7DEFF
≈ Transparent Blue
Dörtlü +90° +180° +270°
- FFD8B1
Acini di Pepe
- BCEECE
≈ Mystery Mint
- C7E4FF
≈ Fresh Water
- FED0F0
≈ Shampoo
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.33:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.70:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.70:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--acini-di-pepe: #ffd8b1;
--acini-di-pepe-rgb: 255 216 177;
--acini-di-pepe-oklch: oklch(0.906 0.067 66.8);
}
.element {
color: var(--acini-di-pepe);
background-color: hsl(30 100% 85%);
border-color: oklch(0.906 0.067 66.8);
}Tailwind CSS v4
@theme {
--color-acini-di-pepe: #ffd8b1;
--color-acini-di-pepe-50: #fff2e1;
--color-acini-di-pepe-100: #f7e4d1;
--color-acini-di-pepe-200: #e8d0b6;
--color-acini-di-pepe-300: #cfb293;
--color-acini-di-pepe-400: #ba9774;
--color-acini-di-pepe-500: #a57e55;
--color-acini-di-pepe-600: #8b6a49;
--color-acini-di-pepe-700: #6f553a;
--color-acini-di-pepe-800: #533e29;
--color-acini-di-pepe-900: #3a2a1c;
--color-acini-di-pepe-950: #24180c;
}SCSS
$acini-di-pepe: #ffd8b1;
$acini-di-pepe-rgb: 255, 216, 177;
$acini-di-pepe-light: mix(#fff, $acini-di-pepe, 20%);
$acini-di-pepe-dark: mix(#000, $acini-di-pepe, 20%);
.element {
color: $acini-di-pepe;
box-shadow: 0 0 0 2px rgba($acini-di-pepe, 0.35);
}