Nazwany kolor · #E1809A
Frosty Berry
Frosty Berry to #E1809A: rgb(225 128 154), hsl(344 62% 69%), oklch(0.712 0.122 3.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Frosty Berry color name →
#E1809A
oklch(0.712 0.122 3.5)
Konwersje koloru
- HEX
- #e1809a
- RGB
- rgb(225 128 154)
- HSL
- hsl(344 62% 69%)
- HWB
- hwb(344 50% 12%)
- OKLCH
- oklch(0.712 0.122 3.5)
- OKLab
- oklab(0.712 0.122 0.007)
- CIE Lab
- lab(65.11 40.42 3.36)
- LCH
- lch(65.11 40.56 4.8)
- CMYK
- cmyk(0% 43% 32% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E58DA4
- E99AAD
- EDA6B7
- F0B3C1
- F4C0CB
- F6CCD5
- F9D9E0
- FBE6EA
- FDF2F4
Odcienie ciemniejsze
- C46E85
- A75D71
- 8B4D5E
- 703D4B
- 562E39
- 3E1F27
- 271217
- 120609
- 020101
Tony
- D88197
- CE8195
- C58192
- BB8290
- B2828D
- A8828A
- 9E8188
- 958185
- 8A8183
Harmonie kolorów
Komplementarna +180°
- E1809A
Frosty Berry
- 1BBBAA
≈ Verditer
Analogowa -30° +30°
- E1809A
Frosty Berry
- D084C2
≈ Pink Punk
- E4846F
≈ Peach Posey
Triada +120° +240°
- E1809A
Frosty Berry
- 93AF54
≈ Asparagus Cream
- 57AAE9
≈ Cerulean
Komplementarna rozszczepiona +150° +210°
- E1809A
Frosty Berry
- 5EB87E
≈ Green Garter
- 13B5D0
≈ Ocean Sigh
Tetrada +90° +180° +270°
- E1809A
Frosty Berry
- BCA03B
≈ Sea Squash
- 1BBBAA
≈ Verditer
- 8A9CEE
≈ Periwinkle Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.70:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.75:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.75:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--frosty-berry: #e1809a;
--frosty-berry-rgb: 225 128 154;
--frosty-berry-oklch: oklch(0.712 0.122 3.5);
}
.element {
color: var(--frosty-berry);
background-color: hsl(344 62% 69%);
border-color: oklch(0.712 0.122 3.5);
}Tailwind CSS v4
@theme {
--color-frosty-berry: #e1809a;
--color-frosty-berry-50: #ffe7f0;
--color-frosty-berry-100: #ffd8e2;
--color-frosty-berry-200: #ffbfcd;
--color-frosty-berry-300: #ed9dae;
--color-frosty-berry-400: #da7e97;
--color-frosty-berry-500: #c7607e;
--color-frosty-berry-600: #a8516a;
--color-frosty-berry-700: #874155;
--color-frosty-berry-800: #642e3f;
--color-frosty-berry-900: #461f2c;
--color-frosty-berry-950: #2d0f19;
}SCSS
$frosty-berry: #e1809a;
$frosty-berry-rgb: 225, 128, 154;
$frosty-berry-light: mix(#fff, $frosty-berry, 20%);
$frosty-berry-dark: mix(#000, $frosty-berry, 20%);
.element {
color: $frosty-berry;
box-shadow: 0 0 0 2px rgba($frosty-berry, 0.35);
}