Nazwany kolor · #F4AA53
Pani Puri
Pani Puri to #F4AA53: rgb(244 170 83), hsl(32 88% 64%), oklch(0.793 0.134 68). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Pani Puri color name →
#F4AA53
oklch(0.793 0.134 68)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F6B367
- F7BC7A
- F9C48C
- FACD9D
- FBD5AE
- FCDEBE
- FDE6CE
- FEEEDF
- FFF7EF
Odcienie ciemniejsze
- D49347
- B57D3B
- 976830
- 7A5325
- 5E3F1B
- 442D11
- 2B1B08
- 140B02
- 030100
Tony
- E8A65B
- DCA261
- D19E67
- C59A6C
- BA9670
- AE9274
- A38D78
- 97897B
- 8C857D
Harmonie kolorów
Komplementarna +180°
- F4AA53
Pani Puri
- 81C2FF
≈ Maya Blue
Analogowa -30° +30°
- F4AA53
Pani Puri
- FF9F81
≈ Orchid Orange
- D3BC4A
≈ Limón Fresco
Triada +120° +240°
- F4AA53
Pani Puri
- 1DD7CC
≈ Turquoise Panic
- D4A3FE
≈ Lilac
Komplementarna rozszczepiona +150° +210°
- F4AA53
Pani Puri
- 2DD0F5
≈ Picnic Day Sky
- ABB5FF
≈ Winterspring Lilac
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.95:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.72:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.72:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
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);
}