Adlandırılmış renk · #FBD49C
Paw Paw
Paw Paw, #FBD49C: rgb(251 212 156), hsl(35 92% 80%), oklch(0.89 0.084 76.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Paw Paw color name →
#FBD49C
oklch(0.89 0.084 76.3)
Renk dönüşümleri
- HEX
- #fbd49c
- RGB
- rgb(251 212 156)
- HSL
- hsl(35 92% 80%)
- HWB
- hwb(35 61% 2%)
- OKLCH
- oklch(0.89 0.084 76.3)
- OKLab
- oklab(0.89 0.02 0.082)
- CIE Lab
- lab(87.33 8.61 33.1)
- LCH
- lch(87.33 34.2 75.4)
- CMYK
- cmyk(0% 16% 38% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FCD8A6
- FCDDB0
- FDE1BB
- FDE5C4
- FDEACE
- FEEED8
- FEF2E2
- FEF7EC
- FFFBF5
Koyu tonlar
- DAB887
- BA9D73
- 9C835F
- 7E694C
- 615139
- 463A28
- 2D2418
- 151009
- 030201
Gri tonlar
- EECB9A
- E1C397
- D5BA95
- C8B292
- BCA98F
- B0A18C
- A4998A
- 989086
- 8C8883
Renk uyumları
Tamamlayıcı +180°
- FBD49C
Paw Paw
- C4DDFF
≈ Arc Light
Analog -30° +30°
- FBD49C
Paw Paw
- FFCFB8
≈ Apricot Lily
- E1DF9E
≈ Celery Sceptre
Üçlü +120° +240°
- FBD49C
Paw Paw
- 96EDED
≈ Freezy Breezy
- F0CBFF
≈ Sparkling Lavender
Bölünmüş tamamlayıcı +150° +210°
- FBD49C
Paw Paw
- A9E5FF
≈ Frozen Landscape
- D7D6FF
≈ Pale Phthalo Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.40:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 14.99:1 · APCA Lc 84
En iyi metin rengi: #000000
WCAG 14.99:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--paw-paw: #fbd49c;
--paw-paw-rgb: 251 212 156;
--paw-paw-oklch: oklch(0.89 0.084 76.3);
}
.element {
color: var(--paw-paw);
background-color: hsl(35 92% 80%);
border-color: oklch(0.89 0.084 76.3);
}Tailwind CSS v4
@theme {
--color-paw-paw: #fbd49c;
--color-paw-paw-50: #fff3db;
--color-paw-paw-100: #f8e5c9;
--color-paw-paw-200: #e8d1ad;
--color-paw-paw-300: #cfb387;
--color-paw-paw-400: #bb9865;
--color-paw-paw-500: #a67e42;
--color-paw-paw-600: #8c6b39;
--color-paw-paw-700: #70562d;
--color-paw-paw-800: #543e1f;
--color-paw-paw-900: #3a2b14;
--color-paw-paw-950: #241806;
}SCSS
$paw-paw: #fbd49c;
$paw-paw-rgb: 251, 212, 156;
$paw-paw-light: mix(#fff, $paw-paw, 20%);
$paw-paw-dark: mix(#000, $paw-paw, 20%);
.element {
color: $paw-paw;
box-shadow: 0 0 0 2px rgba($paw-paw, 0.35);
}