Najbliższy nazwany kolor · #EA005A
#EA005A
Najbliższy nazwany kolor: Framboise
#EA005A (rgb(234 0 90), hsl(337 100% 46%), oklch(0.598 0.239 11.5)) jest najbliższy nazwanemu kolorowi Framboise. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#EA005A
oklch(0.598 0.239 11.5)
Konwersje koloru
- HEX
- #ea005a
- RGB
- rgb(234 0 90)
- HSL
- hsl(337 100% 46%)
- HWB
- hwb(337 0% 8%)
- OKLCH
- oklch(0.598 0.239 11.5)
- OKLab
- oklab(0.598 0.234 0.048)
- CIE Lab
- lab(50.6 77.37 21.27)
- LCH
- lch(50.6 80.24 15.4)
- CMYK
- cmyk(0% 100% 62% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F03C69
- F55979
- FA7189
- FD8799
- FF9CAA
- FFB1BA
- FFC4CB
- FFD8DC
- FFECED
Odcienie ciemniejsze
- CB004D
- AE0041
- 910035
- 750029
- 5A001E
- 410013
- 290009
- 130003
- 030000
Tony
- E12B5E
- D83D62
- CF4B66
- C5566A
- BB5F6D
- B16771
- A66E75
- 9A7579
- 8E7B7C
Harmonie kolorów
Komplementarna +180°
- EA005A
Framboise
- 00938F
≈ Supermint
Analogowa -30° +30°
- EA005A
Framboise
- D523A8
≈ Melodramatic Magenta
- D44E00
≈ Deep Orange
Triada +120° +240°
- EA005A
Framboise
- 5A9200
≈ Vida Loca
- 0081E4
≈ Blue Cola
Komplementarna rozszczepiona +150° +210°
- EA005A
Framboise
- 009766
≈ Green Cyan
- 008EAE
≈ Algiers Blue
Tetrada +90° +180° +270°
- EA005A
Framboise
- 908100
≈ Thicket Green
- 00938F
≈ Supermint
- 7061FF
≈ Blue Genie
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.51:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.64:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 4.64:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--framboise: #ea005a;
--framboise-rgb: 234 0 90;
--framboise-oklch: oklch(0.598 0.239 11.5);
}
.element {
color: var(--framboise);
background-color: hsl(337 100% 46%);
border-color: oklch(0.598 0.239 11.5);
}Tailwind CSS v4
@theme {
--color-framboise: #ea005a;
--color-framboise-50: #ffd9e1;
--color-framboise-100: #ffc7d0;
--color-framboise-200: #ffa7b6;
--color-framboise-300: #ff7b93;
--color-framboise-400: #ff4b7a;
--color-framboise-500: #fb005c;
--color-framboise-600: #d4004f;
--color-framboise-700: #ab003e;
--color-framboise-800: #7f0030;
--color-framboise-900: #5a0020;
--color-framboise-950: #3d0010;
}SCSS
$framboise: #ea005a;
$framboise-rgb: 234, 0, 90;
$framboise-light: mix(#fff, $framboise, 20%);
$framboise-dark: mix(#000, $framboise, 20%);
.element {
color: $framboise;
box-shadow: 0 0 0 2px rgba($framboise, 0.35);
}