이름 색상 · #F4AA53
Pani Puri
Pani Puri은(는) #F4AA53: rgb(244 170 83), hsl(32 88% 64%), oklch(0.793 0.134 68). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Pani Puri color name →
#F4AA53
oklch(0.793 0.134 68)
색상 변환
- HEX
- #f4aa53
- RGB
- rgb(244 170 83)
- HSL
- hsl(32 88% 64%)
- HWB
- hwb(32 33% 4%)
- OKLCH
- oklch(0.793 0.134 68)
- OKLab
- oklab(0.793 0.05 0.125)
- CIE Lab
- lab(75.74 22.13 54.97)
- LCH
- lch(75.74 59.26 68.1)
- CMYK
- cmyk(0% 30% 66% 4%)
틴트 · 셰이드 · 톤
틴트
- F6B367
- F7BC7A
- F9C48C
- FACD9D
- FBD5AE
- FCDEBE
- FDE6CE
- FEEEDF
- FFF7EF
셰이드
- D49347
- B57D3B
- 976830
- 7A5325
- 5E3F1B
- 442D11
- 2B1B08
- 140B02
- 030100
톤
- E8A65B
- DCA261
- D19E67
- C59A6C
- BA9670
- AE9274
- A38D78
- 97897B
- 8C857D
색 조화
보색 +180°
- F4AA53
Pani Puri
- 81C2FF
≈ Maya Blue
유사색 -30° +30°
- F4AA53
Pani Puri
- FF9F81
≈ Orchid Orange
- D3BC4A
≈ Limón Fresco
삼각 배색 +120° +240°
- F4AA53
Pani Puri
- 1DD7CC
≈ Turquoise Panic
- D4A3FE
≈ Lilac
분열 보색 +150° +210°
- F4AA53
Pani Puri
- 2DD0F5
≈ Picnic Day Sky
- ABB5FF
≈ Winterspring Lilac
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.95:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.72:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.72:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
CSS
:root {
--pani-puri: #f4aa53;
--pani-puri-rgb: 244 170 83;
--pani-puri-oklch: oklch(0.793 0.134 68);
}
.element {
color: var(--pani-puri);
background-color: hsl(32 88% 64%);
border-color: oklch(0.793 0.134 68);
}Tailwind CSS v4
@theme {
--color-pani-puri: #f4aa53;
--color-pani-puri-50: #ffefcc;
--color-pani-puri-100: #ffe1b8;
--color-pani-puri-200: #facb95;
--color-pani-puri-300: #e4ab68;
--color-pani-puri-400: #d28e3b;
--color-pani-puri-500: #bf7100;
--color-pani-puri-600: #a16000;
--color-pani-puri-700: #814d00;
--color-pani-puri-800: #613700;
--color-pani-puri-900: #442600;
--color-pani-puri-950: #2c1400;
}SCSS
$pani-puri: #f4aa53;
$pani-puri-rgb: 244, 170, 83;
$pani-puri-light: mix(#fff, $pani-puri, 20%);
$pani-puri-dark: mix(#000, $pani-puri, 20%);
.element {
color: $pani-puri;
box-shadow: 0 0 0 2px rgba($pani-puri, 0.35);
}