Adlandırılmış renk · #EFA498
Peach Tile
Peach Tile, #EFA498: rgb(239 164 152), hsl(8 73% 77%), oklch(0.788 0.091 29.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Peach Tile color name →
#EFA498
oklch(0.788 0.091 29.3)
Renk dönüşümleri
- HEX
- #efa498
- RGB
- rgb(239 164 152)
- HSL
- hsl(8 73% 77%)
- HWB
- hwb(8 60% 6%)
- OKLCH
- oklch(0.788 0.091 29.3)
- OKLab
- oklab(0.788 0.08 0.045)
- CIE Lab
- lab(74.65 27.49 18.08)
- LCH
- lch(74.65 32.91 33.3)
- CMYK
- cmyk(0% 31% 36% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1ADA2
- F4B6AC
- F6BFB6
- F7C8C1
- F9D2CB
- FBDBD5
- FCE4E0
- FDEDEA
- FEF6F4
Koyu tonlar
- D08E84
- B17970
- 94645C
- 78504A
- 5C3D38
- 422B27
- 2A1A17
- 140A08
- 030101
Gri tonlar
- E4A196
- D99D93
- CE9A91
- C2968F
- B7938C
- AC8F8A
- A18B87
- 968885
- 8B8483
Renk uyumları
Tamamlayıcı +180°
- EFA498
Peach Tile
- 6DCADA
≈ Betsy
Analog -30° +30°
- EFA498
Peach Tile
- EBA2B8
≈ Rose Elegance
- E6AC7E
≈ Melting Sunset
Üçlü +120° +240°
- EFA498
Peach Tile
- 90CB9A
≈ Frost Gum
- A2B8F6
≈ Truesky Gloxym
Bölünmüş tamamlayıcı +150° +210°
- EFA498
Peach Tile
- 73CEBB
≈ Jolly Jade
- 82C2EF
≈ Wasurenagusa Blue
Dörtlü +90° +180° +270°
- EFA498
Peach Tile
- B3C37F
≈ Everglade Glen
- 6DCADA
≈ Betsy
- C2ADED
≈ Purple Sand
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.01:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.43:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.43:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--peach-tile: #efa498;
--peach-tile-rgb: 239 164 152;
--peach-tile-oklch: oklch(0.788 0.091 29.3);
}
.element {
color: var(--peach-tile);
background-color: hsl(8 73% 77%);
border-color: oklch(0.788 0.091 29.3);
}Tailwind CSS v4
@theme {
--color-peach-tile: #efa498;
--color-peach-tile-50: #ffece5;
--color-peach-tile-100: #ffddd5;
--color-peach-tile-200: #f9c7bd;
--color-peach-tile-300: #e2a79b;
--color-peach-tile-400: #cf8a7f;
--color-peach-tile-500: #bb6e62;
--color-peach-tile-600: #9e5d54;
--color-peach-tile-700: #7f4a42;
--color-peach-tile-800: #5e3631;
--color-peach-tile-900: #422521;
--color-peach-tile-950: #2a1310;
}SCSS
$peach-tile: #efa498;
$peach-tile-rgb: 239, 164, 152;
$peach-tile-light: mix(#fff, $peach-tile, 20%);
$peach-tile-dark: mix(#000, $peach-tile, 20%);
.element {
color: $peach-tile;
box-shadow: 0 0 0 2px rgba($peach-tile, 0.35);
}