Nazwany kolor · #FCB99D
Pallid Orange
Pallid Orange to #FCB99D: rgb(252 185 157), hsl(18 94% 80%), oklch(0.841 0.087 43.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Pallid Orange color name →
#FCB99D
oklch(0.841 0.087 43.7)
Konwersje koloru
- HEX
- #fcb99d
- RGB
- rgb(252 185 157)
- HSL
- hsl(18 94% 80%)
- HWB
- hwb(18 62% 1%)
- OKLCH
- oklch(0.841 0.087 43.7)
- OKLab
- oklab(0.841 0.063 0.06)
- CIE Lab
- lab(81.01 22.41 24.28)
- LCH
- lch(81.01 33.04 47.3)
- CMYK
- cmyk(0% 27% 38% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FDC0A7
- FEC7B1
- FECEBA
- FFD5C4
- FFDCCE
- FFE3D8
- FFEAE1
- FFF1EB
- FFF8F5
Odcienie ciemniejsze
- DBA088
- BB8973
- 9C715F
- 7E5B4C
- 62463A
- 473128
- 2D1E18
- 160D09
- 030201
Tony
- EFB39A
- E3AE98
- D6A895
- CAA292
- BD9D8F
- B1978C
- A59189
- 988B86
- 8C8683
Harmonie kolorów
Komplementarna +180°
- FCB99D
Pallid Orange
- 89D8F5
≈ Kul Sharif Blue
Analogowa -30° +30°
- FCB99D
Pallid Orange
- FEB4BA
≈ Matt Pink
- EDC38B
≈ Harvester
Triada +120° +240°
- FCB99D
Pallid Orange
- 95DDBB
≈ Birthday King
- C3C4FF
≈ Light Periwinkle
Komplementarna rozszczepiona +150° +210°
- FCB99D
Pallid Orange
- 83DDDB
≈ Cold Blue
- A6CEFF
≈ Baby Blue
Tetrada +90° +180° +270°
- FCB99D
Pallid Orange
- B4D89E
≈ Witty Green
- 89D8F5
≈ Kul Sharif Blue
- DFBAF3
≈ Beefy Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.67:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.56:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.56:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--pallid-orange: #fcb99d;
--pallid-orange-rgb: 252 185 157;
--pallid-orange-oklch: oklch(0.841 0.087 43.7);
}
.element {
color: var(--pallid-orange);
background-color: hsl(18 94% 80%);
border-color: oklch(0.841 0.087 43.7);
}Tailwind CSS v4
@theme {
--color-pallid-orange: #fcb99d;
--color-pallid-orange-50: #ffeee1;
--color-pallid-orange-100: #ffe0d0;
--color-pallid-orange-200: #f5c9b6;
--color-pallid-orange-300: #deaa92;
--color-pallid-orange-400: #cb8e74;
--color-pallid-orange-500: #b67356;
--color-pallid-orange-600: #9a6149;
--color-pallid-orange-700: #7c4e3a;
--color-pallid-orange-800: #5c382a;
--color-pallid-orange-900: #40261c;
--color-pallid-orange-950: #29140d;
}SCSS
$pallid-orange: #fcb99d;
$pallid-orange-rgb: 252, 185, 157;
$pallid-orange-light: mix(#fff, $pallid-orange, 20%);
$pallid-orange-dark: mix(#000, $pallid-orange, 20%);
.element {
color: $pallid-orange;
box-shadow: 0 0 0 2px rgba($pallid-orange, 0.35);
}