Nazwany kolor · #F5D3B7
Serene Peach
Serene Peach to #F5D3B7: rgb(245 211 183), hsl(27 76% 84%), oklch(0.888 0.053 61.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Serene Peach color name →
#F5D3B7
oklch(0.888 0.053 61.5)
Konwersje koloru
- HEX
- #f5d3b7
- RGB
- rgb(245 211 183)
- HSL
- hsl(27 76% 84%)
- HWB
- hwb(27 72% 4%)
- OKLCH
- oklch(0.888 0.053 61.5)
- OKLab
- oklab(0.888 0.025 0.047)
- CIE Lab
- lab(86.94 9.23 18.54)
- LCH
- lch(86.94 20.71 63.5)
- CMYK
- cmyk(0% 14% 25% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F6D7BE
- F7DCC5
- F8E0CD
- F9E5D4
- FAE9DB
- FBEDE2
- FCF2E9
- FDF6F1
- FEFBF8
Odcienie ciemniejsze
- D5B79F
- B69C87
- 988270
- 7B695A
- 5F5145
- 443A31
- 2B241E
- 15100C
- 030202
Tony
- E9CAB1
- DDC2AC
- D1B9A6
- C5B1A1
- B9A99B
- ADA096
- A29890
- 96908B
- 8B8885
Harmonie kolorów
Komplementarna +180°
- F5D3B7
Serene Peach
- BCDFFB
≈ Dithered Sky
Analogowa -30° +30°
- F5D3B7
Serene Peach
- FCCEC5
≈ Full Bloom
- E7DAB3
≈ Rainforest Dew
Triada +120° +240°
- F5D3B7
Serene Peach
- B4E6DC
≈ Ice Cap Green
- E0D3F9
≈ Japan Blush
Komplementarna rozszczepiona +150° +210°
- F5D3B7
Serene Peach
- B2E4EF
≈ Crystal River
- CDD9FF
≈ Icy Plains
Tetrada +90° +180° +270°
- F5D3B7
Serene Peach
- C1E5C9
≈ Wintergreen Mint
- BCDFFB
≈ Dithered Sky
- F0CEEA
≈ Poodle Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.41:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.88:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 14.88:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--serene-peach: #f5d3b7;
--serene-peach-rgb: 245 211 183;
--serene-peach-oklch: oklch(0.888 0.053 61.5);
}
.element {
color: var(--serene-peach);
background-color: hsl(27 76% 84%);
border-color: oklch(0.888 0.053 61.5);
}Tailwind CSS v4
@theme {
--color-serene-peach: #f5d3b7;
--color-serene-peach-50: #fff2e6;
--color-serene-peach-100: #f5e5d6;
--color-serene-peach-200: #e5d0bd;
--color-serene-peach-300: #ccb29c;
--color-serene-peach-400: #b6987f;
--color-serene-peach-500: #a07e62;
--color-serene-peach-600: #886b53;
--color-serene-peach-700: #6d5642;
--color-serene-peach-800: #503e30;
--color-serene-peach-900: #382b20;
--color-serene-peach-950: #231810;
}SCSS
$serene-peach: #f5d3b7;
$serene-peach-rgb: 245, 211, 183;
$serene-peach-light: mix(#fff, $serene-peach, 20%);
$serene-peach-dark: mix(#000, $serene-peach, 20%);
.element {
color: $serene-peach;
box-shadow: 0 0 0 2px rgba($serene-peach, 0.35);
}