이름 색상 · #F1BF92
Peachy-Kini
Peachy-Kini은(는) #F1BF92: rgb(241 191 146), hsl(28 77% 76%), oklch(0.839 0.082 63.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Peachy-Kini color name →
#F1BF92
oklch(0.839 0.082 63.3)
색상 변환
- HEX
- #f1bf92
- RGB
- rgb(241 191 146)
- HSL
- hsl(28 77% 76%)
- HWB
- hwb(28 57% 5%)
- OKLCH
- oklch(0.839 0.082 63.3)
- OKLab
- oklab(0.839 0.037 0.074)
- CIE Lab
- lab(81.11 14.23 29.93)
- LCH
- lch(81.11 33.14 64.6)
- CMYK
- cmyk(0% 21% 39% 5%)
틴트 · 셰이드 · 톤
틴트
- F3C59D
- F4CCA8
- F6D2B3
- F7D9BE
- F9DFC9
- FAE6D4
- FCECDE
- FDF2E9
- FEF9F4
셰이드
- D2A67E
- B38D6B
- 957558
- 795E46
- 5D4835
- 433325
- 2B1F16
- 140D08
- 030201
톤
- E5B991
- DAB28F
- CEAC8E
- C3A68C
- B89F8A
- AC9988
- A19386
- 968D84
- 8B8682
색 조화
보색 +180°
- F1BF92
Peachy-Kini
- 9BD1FC
≈ Long Island Sound
유사색 -30° +30°
- F1BF92
Peachy-Kini
- FBB7A7
≈ Nature Apricot
- DCCA8C
≈ Asparagus Yellow
삼각 배색 +120° +240°
- F1BF92
Peachy-Kini
- 8ADCCF
≈ Tantalising Teal
- D5BEF7
≈ Pink Illusion
분열 보색 +150° +210°
- F1BF92
Peachy-Kini
- 88D9EA
≈ Tanager Turquoise
- B9C7FF
≈ Light Periwinkle
사각 배색 +90° +180° +270°
- F1BF92
Peachy-Kini
- A1DAB1
≈ Frugal
- 9BD1FC
≈ Long Island Sound
- ECB7E1
≈ Pink Drink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.66:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.60:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.60:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--peachy-kini: #f1bf92;
--peachy-kini-rgb: 241 191 146;
--peachy-kini-oklch: oklch(0.839 0.082 63.3);
}
.element {
color: var(--peachy-kini);
background-color: hsl(28 77% 76%);
border-color: oklch(0.839 0.082 63.3);
}Tailwind CSS v4
@theme {
--color-peachy-kini: #f1bf92;
--color-peachy-kini-50: #fff1dd;
--color-peachy-kini-100: #fce3cc;
--color-peachy-kini-200: #eeceb0;
--color-peachy-kini-300: #d5af8b;
--color-peachy-kini-400: #c1946b;
--color-peachy-kini-500: #ad7a49;
--color-peachy-kini-600: #92673f;
--color-peachy-kini-700: #755232;
--color-peachy-kini-800: #573c24;
--color-peachy-kini-900: #3d2918;
--color-peachy-kini-950: #261709;
}SCSS
$peachy-kini: #f1bf92;
$peachy-kini-rgb: 241, 191, 146;
$peachy-kini-light: mix(#fff, $peachy-kini, 20%);
$peachy-kini-dark: mix(#000, $peachy-kini, 20%);
.element {
color: $peachy-kini;
box-shadow: 0 0 0 2px rgba($peachy-kini, 0.35);
}