이름 색상 · #FFD8B1
Acini di Pepe
Acini di Pepe은(는) #FFD8B1: rgb(255 216 177), hsl(30 100% 85%), oklch(0.906 0.067 66.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Acini di Pepe color name →
#FFD8B1
oklch(0.906 0.067 66.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FFDCB9
- FFE0C1
- FFE4C9
- FFE8D0
- FFECD8
- FFF0E0
- FFF3E8
- FFF7F0
- FFFBF7
셰이드
- DEBC99
- BEA083
- 9E856C
- 806B57
- 635342
- 483B2F
- 2E251C
- 16110C
- 030201
톤
- F2CFAC
- E5C6A7
- D8BDA3
- CBB49E
- BEAB99
- B1A294
- A59A8F
- 98918A
- 8C8985
색 조화
보색 +180°
- FFD8B1
Acini di Pepe
- C7E4FF
≈ Fresh Water
유사색 -30° +30°
- FFD8B1
Acini di Pepe
- FFD5C9
≈ Pale Jasper
- ECE1AE
≈ Citrus Rind
삼각 배색 +120° +240°
- FFD8B1
Acini di Pepe
- ADEFE7
≈ East Cape
- EAD6FF
≈ Rose Dragée
분열 보색 +150° +210°
- FFD8B1
Acini di Pepe
- ADECFD
≈ Beyond the Clouds
- D7DEFF
≈ Transparent Blue
사각 배색 +90° +180° +270°
- FFD8B1
Acini di Pepe
- BCEECE
≈ Mystery Mint
- C7E4FF
≈ Fresh Water
- FED0F0
≈ Shampoo
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.70:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.70:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
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);
}