Adlandırılmış renk · #FFDFC9
Peak Season
Peak Season, #FFDFC9: rgb(255 223 201), hsl(24 100% 89%), oklch(0.924 0.046 56.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Peak Season color name →
#FFDFC9
oklch(0.924 0.046 56.6)
Renk dönüşümleri
- HEX
- #ffdfc9
- RGB
- rgb(255 223 201)
- HSL
- hsl(24 100% 89%)
- HWB
- hwb(24 79% 0%)
- OKLCH
- oklch(0.924 0.046 56.6)
- OKLab
- oklab(0.924 0.025 0.038)
- CIE Lab
- lab(91.09 8.96 15.1)
- LCH
- lch(91.09 17.56 59.3)
- CMYK
- cmyk(0% 13% 21% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFE2CE
- FFE5D4
- FFE9D9
- FFECDF
- FFEFE4
- FFF2E9
- FFF5EF
- FFF9F4
- FFFCFA
Koyu tonlar
- DEC2AE
- BEA595
- 9E8A7C
- 806F64
- 63564C
- 483D36
- 2E2722
- 16120F
- 030202
Gri tonlar
- F2D5C2
- E5CBBA
- D7C2B3
- CBB8AB
- BEAEA4
- B1A59D
- A59C95
- 98928E
- 8C8987
Renk uyumları
Tamamlayıcı +180°
- FFDFC9
Peak Season
- CDEBFF
≈ Veiling Waterfalls
Analog -30° +30°
- FFDFC9
Peak Season
- FFDDD9
≈ Peachy Keen
- F4E5C4
≈ Sausalito
Üçlü +120° +240°
- FFDFC9
Peak Season
- C7F1E5
≈ Caribbean
- E8E1FF
≈ Stoic White
Bölünmüş tamamlayıcı +150° +210°
- FFDFC9
Peak Season
- C3EFF5
≈ Icy Breeze
- DBE6FF
≈ Veiling Waterfalls
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.26:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.65:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.65:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--peak-season: #ffdfc9;
--peak-season-rgb: 255 223 201;
--peak-season-oklch: oklch(0.924 0.046 56.6);
}
.element {
color: var(--peak-season);
background-color: hsl(24 100% 89%);
border-color: oklch(0.924 0.046 56.6);
}Tailwind CSS v4
@theme {
--color-peak-season: #ffdfc9;
--color-peak-season-50: #fff2e8;
--color-peak-season-100: #f4e5d9;
--color-peak-season-200: #e4d0c1;
--color-peak-season-300: #cab2a1;
--color-peak-season-400: #b49884;
--color-peak-season-500: #9e7f69;
--color-peak-season-600: #866b59;
--color-peak-season-700: #6b5647;
--color-peak-season-800: #4f3e33;
--color-peak-season-900: #372b23;
--color-peak-season-950: #221812;
}SCSS
$peak-season: #ffdfc9;
$peak-season-rgb: 255, 223, 201;
$peak-season-light: mix(#fff, $peak-season, 20%);
$peak-season-dark: mix(#000, $peak-season, 20%);
.element {
color: $peak-season;
box-shadow: 0 0 0 2px rgba($peak-season, 0.35);
}