Nazwany kolor · #D09258
Polo Pony
Polo Pony to #D09258: rgb(208 146 88), hsl(29 56% 58%), oklch(0.709 0.106 62.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Polo Pony color name →
#D09258
oklch(0.709 0.106 62.8)
Konwersje koloru
- HEX
- #d09258
- RGB
- rgb(208 146 88)
- HSL
- hsl(29 56% 58%)
- HWB
- hwb(29 35% 18%)
- OKLCH
- oklch(0.709 0.106 62.8)
- OKLab
- oklab(0.709 0.048 0.094)
- CIE Lab
- lab(65.93 19.67 40.22)
- LCH
- lch(65.93 44.77 63.9)
- CMYK
- cmyk(0% 30% 58% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D59D6A
- DAA87B
- DFB38B
- E4BD9C
- E9C8AC
- EED3BD
- F2DECD
- F7E9DE
- FBF4EE
Odcienie ciemniejsze
- B57E4B
- 9A6B3F
- 805833
- 674628
- 4F351D
- 392512
- 231609
- 100803
- 020100
Tony
- C8915D
- C08F62
- B88D67
- B08C6B
- A88A6F
- A08873
- 988677
- 90847A
- 88827D
Harmonie kolorów
Komplementarna +180°
- D09258
Polo Pony
- 62A9DE
≈ Acapulco Dive
Analogowa -30° +30°
- D09258
Polo Pony
- DB8876
≈ Love Sceptre
- B89F4E
≈ Woollen Mittens
Triada +120° +240°
- D09258
Polo Pony
- 42B7A7
≈ Sacred Turquoise
- AE91D8
≈ Middy’s Purple
Komplementarna rozszczepiona +150° +210°
- D09258
Polo Pony
- 3EB2C8
≈ Viking
- 8B9DE3
≈ Portage
Tetrada +90° +180° +270°
- D09258
Polo Pony
- 6AB481
≈ Frog Pond
- 62A9DE
≈ Acapulco Dive
- C988BE
≈ Rock Star Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.64:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 7.93:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 7.93:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--polo-pony: #d09258;
--polo-pony-rgb: 208 146 88;
--polo-pony-oklch: oklch(0.709 0.106 62.8);
}
.element {
color: var(--polo-pony);
background-color: hsl(29 56% 58%);
border-color: oklch(0.709 0.106 62.8);
}Tailwind CSS v4
@theme {
--color-polo-pony: #d09258;
--color-polo-pony-50: #fff0d6;
--color-polo-pony-100: #ffe1c4;
--color-polo-pony-200: #f5cca5;
--color-polo-pony-300: #deac7d;
--color-polo-pony-400: #cb905a;
--color-polo-pony-500: #b77532;
--color-polo-pony-600: #9b632c;
--color-polo-pony-700: #7c4f23;
--color-polo-pony-800: #5d3918;
--color-polo-pony-900: #41270f;
--color-polo-pony-950: #291503;
}SCSS
$polo-pony: #d09258;
$polo-pony-rgb: 208, 146, 88;
$polo-pony-light: mix(#fff, $polo-pony, 20%);
$polo-pony-dark: mix(#000, $polo-pony, 20%);
.element {
color: $polo-pony;
box-shadow: 0 0 0 2px rgba($polo-pony, 0.35);
}