Adlandırılmış renk · #FFC4AE
Gadabout
Gadabout, #FFC4AE: rgb(255 196 174), hsl(16 100% 84%), oklch(0.868 0.074 41.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Gadabout color name →
#FFC4AE
oklch(0.868 0.074 41.4)
Renk dönüşümleri
- HEX
- #ffc4ae
- RGB
- rgb(255 196 174)
- HSL
- hsl(16 100% 84%)
- HWB
- hwb(16 68% 0%)
- OKLCH
- oklch(0.868 0.074 41.4)
- OKLab
- oklab(0.868 0.056 0.049)
- CIE Lab
- lab(84.17 19.58 19.65)
- LCH
- lch(84.17 27.74 45.1)
- CMYK
- cmyk(0% 23% 32% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFCAB6
- FFD0BE
- FFD6C6
- FFDCCE
- FFE2D6
- FFE8DE
- FFEDE7
- FFF3EF
- FFF9F7
Koyu tonlar
- DEAA97
- BE9180
- 9E786A
- 806155
- 634A41
- 48352E
- 2E211C
- 160E0B
- 030201
Gri tonlar
- F2BDA9
- E5B6A5
- D8AFA0
- CBA99C
- BEA297
- B29B93
- A5948E
- 998D89
- 8C8785
Renk uyumları
Tamamlayıcı +180°
- FFC4AE
Gadabout
- 9CDFF6
≈ Non-Photo Blue
Analog -30° +30°
- FFC4AE
Gadabout
- FFC1C7
≈ Piglet
- F3CC9E
≈ Capricious
Üçlü +120° +240°
- FFC4AE
Gadabout
- A8E3C4
≈ Reef Green
- CBCFFF
≈ Lavender Blue
Bölünmüş tamamlayıcı +150° +210°
- FFC4AE
Gadabout
- 99E4DF
≈ Aqua Fiesta
- B4D7FF
≈ Malmö FF
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.52:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.75:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.75:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--gadabout: #ffc4ae;
--gadabout-rgb: 255 196 174;
--gadabout-oklch: oklch(0.868 0.074 41.4);
}
.element {
color: var(--gadabout);
background-color: hsl(16 100% 84%);
border-color: oklch(0.868 0.074 41.4);
}Tailwind CSS v4
@theme {
--color-gadabout: #ffc4ae;
--color-gadabout-50: #ffefe4;
--color-gadabout-100: #ffe1d4;
--color-gadabout-200: #f1cbbb;
--color-gadabout-300: #d9ac99;
--color-gadabout-400: #c5907c;
--color-gadabout-500: #b1755f;
--color-gadabout-600: #956451;
--color-gadabout-700: #785040;
--color-gadabout-800: #59392f;
--color-gadabout-900: #3e2720;
--color-gadabout-950: #27150f;
}SCSS
$gadabout: #ffc4ae;
$gadabout-rgb: 255, 196, 174;
$gadabout-light: mix(#fff, $gadabout, 20%);
$gadabout-dark: mix(#000, $gadabout, 20%);
.element {
color: $gadabout;
box-shadow: 0 0 0 2px rgba($gadabout, 0.35);
}