En yakın adlandırılmış renk · #F2BB97
#F2BB97
En yakın adlandırılmış renk: Peach Taffy
#F2BB97 (rgb(242 187 151), hsl(24 78% 77%), oklch(0.833 0.08 54.5)) en çok Peach Taffy adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#F2BB97
oklch(0.833 0.08 54.5)
Renk dönüşümleri
- HEX
- #f2bb97
- RGB
- rgb(242 187 151)
- HSL
- hsl(24 78% 77%)
- HWB
- hwb(24 59% 5%)
- OKLCH
- oklch(0.833 0.08 54.5)
- OKLab
- oklab(0.833 0.046 0.065)
- CIE Lab
- lab(80.32 17.03 26.31)
- LCH
- lch(80.32 31.34 57.1)
- CMYK
- cmyk(0% 23% 38% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F4C2A1
- F5C9AC
- F7D0B6
- F8D6C1
- FADDCB
- FBE4D5
- FCEBE0
- FDF1EA
- FEF8F5
Koyu tonlar
- D2A283
- B48A6F
- 96735C
- 795C49
- 5E4637
- 433226
- 2B1F17
- 140D08
- 030201
Gri tonlar
- E6B595
- DBAF93
- CFA991
- C4A38F
- B89D8C
- AD988A
- A19288
- 968C85
- 8B8683
Renk uyumları
Tamamlayıcı +180°
- F2BB97
Peach Taffy
- 94D1F5
≈ Long Island Sound
Analog -30° +30°
- F2BB97
Peach Taffy
- F8B5AF
≈ Precious Pink
- E1C58C
≈ Clay Bake
Üçlü +120° +240°
- F2BB97
Peach Taffy
- 90DAC5
≈ Monet Vert
- CBBFF8
≈ Connecticut Lilac
Bölünmüş tamamlayıcı +150° +210°
- F2BB97
Peach Taffy
- 87D8E1
≈ VIC 20 Sky
- AFC8FD
≈ Night Snow
Dörtlü +90° +180° +270°
- F2BB97
Peach Taffy
- A9D7A8
≈ Frugal
- 94D1F5
≈ Long Island Sound
- E3B7E6
≈ Pink Drink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.70:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.33:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.33:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--peach-taffy: #f2bb97;
--peach-taffy-rgb: 242 187 151;
--peach-taffy-oklch: oklch(0.833 0.08 54.5);
}
.element {
color: var(--peach-taffy);
background-color: hsl(24 78% 77%);
border-color: oklch(0.833 0.08 54.5);
}Tailwind CSS v4
@theme {
--color-peach-taffy: #f2bb97;
--color-peach-taffy-50: #fff0e0;
--color-peach-taffy-100: #fee2cf;
--color-peach-taffy-200: #f0ccb4;
--color-peach-taffy-300: #d8ae90;
--color-peach-taffy-400: #c49271;
--color-peach-taffy-500: #af7852;
--color-peach-taffy-600: #946546;
--color-peach-taffy-700: #775137;
--color-peach-taffy-800: #583a28;
--color-peach-taffy-900: #3e281b;
--color-peach-taffy-950: #27160b;
}SCSS
$peach-taffy: #f2bb97;
$peach-taffy-rgb: 242, 187, 151;
$peach-taffy-light: mix(#fff, $peach-taffy, 20%);
$peach-taffy-dark: mix(#000, $peach-taffy, 20%);
.element {
color: $peach-taffy;
box-shadow: 0 0 0 2px rgba($peach-taffy, 0.35);
}