Najbliższy nazwany kolor · #F09C8F
#F09C8F
Najbliższy nazwany kolor: Peach’s Daydream
#F09C8F (rgb(240 156 143), hsl(8 76% 75%), oklch(0.774 0.103 29.2)) jest najbliższy nazwanemu kolorowi Peach’s Daydream. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F09C8F
oklch(0.774 0.103 29.2)
Konwersje koloru
- HEX
- #f09c8f
- RGB
- rgb(240 156 143)
- HSL
- hsl(8 76% 75%)
- HWB
- hwb(8 56% 6%)
- OKLCH
- oklch(0.774 0.103 29.2)
- OKLab
- oklab(0.774 0.09 0.05)
- CIE Lab
- lab(72.82 31.15 20.52)
- LCH
- lch(72.82 37.3 33.4)
- CMYK
- cmyk(0% 35% 40% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F2A69A
- F5B0A5
- F7BAB0
- F9C4BB
- FACEC6
- FCD8D1
- FDE1DD
- FEEBE8
- FEF5F4
Odcienie ciemniejsze
- D1877C
- B27369
- 955F57
- 784C45
- 5D3934
- 432824
- 2A1815
- 140907
- 030101
Tony
- E59A8E
- DA978C
- CF948B
- C39289
- B88F88
- AD8C86
- A28985
- 978683
- 8B8382
Harmonie kolorów
Komplementarna +180°
- F09C8F
Peach’s Daydream
- 58C7D9
≈ Rushing Stream
Analogowa -30° +30°
- F09C8F
Peach’s Daydream
- EC99B3
≈ Double Bubble
- E6A571
≈ Sweet Curry
Triada +120° +240°
- F09C8F
Peach’s Daydream
- 85C891
≈ Good Luck Charm
- 9BB3F8
≈ Wondrous Wisteria
Komplementarna rozszczepiona +150° +210°
- F09C8F
Peach’s Daydream
- 61CBB7
≈ Peppy Peacock
- 74BFF0
≈ Blue Mana
Tetrada +90° +180° +270°
- F09C8F
Peach’s Daydream
- AEBF72
≈ Lavish Lime
- 58C7D9
≈ Rushing Stream
- BEA7EE
≈ Lavender Cream
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.13:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.85:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.85:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--peach-s-daydream: #f09c8f;
--peach-s-daydream-rgb: 240 156 143;
--peach-s-daydream-oklch: oklch(0.774 0.103 29.2);
}
.element {
color: var(--peach-s-daydream);
background-color: hsl(8 76% 75%);
border-color: oklch(0.774 0.103 29.2);
}Tailwind CSS v4
@theme {
--color-peach-s-daydream: #f09c8f;
--color-peach-s-daydream-50: #ffebe3;
--color-peach-s-daydream-100: #ffdcd3;
--color-peach-s-daydream-200: #fdc5ba;
--color-peach-s-daydream-300: #e7a497;
--color-peach-s-daydream-400: #d4877b;
--color-peach-s-daydream-500: #c16a5d;
--color-peach-s-daydream-600: #a35a4f;
--color-peach-s-daydream-700: #83483f;
--color-peach-s-daydream-800: #61332e;
--color-peach-s-daydream-900: #44231f;
--color-peach-s-daydream-950: #2c120f;
}SCSS
$peach-s-daydream: #f09c8f;
$peach-s-daydream-rgb: 240, 156, 143;
$peach-s-daydream-light: mix(#fff, $peach-s-daydream, 20%);
$peach-s-daydream-dark: mix(#000, $peach-s-daydream, 20%);
.element {
color: $peach-s-daydream;
box-shadow: 0 0 0 2px rgba($peach-s-daydream, 0.35);
}