Nazwany kolor · #F2666C
Usubeni Red
Usubeni Red to #F2666C: rgb(242 102 108), hsl(357 84% 67%), oklch(0.686 0.173 20.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Usubeni Red color name →
#F2666C
oklch(0.686 0.173 20.3)
Konwersje koloru
- HEX
- #f2666c
- RGB
- rgb(242 102 108)
- HSL
- hsl(357 84% 67%)
- HWB
- hwb(357 40% 5%)
- OKLCH
- oklch(0.686 0.173 20.3)
- OKLab
- oklab(0.686 0.162 0.06)
- CIE Lab
- lab(61.82 55.21 25.5)
- LCH
- lch(61.82 60.81 24.8)
- CMYK
- cmyk(0% 58% 55% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F6777A
- F98789
- FB9797
- FEA6A5
- FFB5B4
- FFC4C3
- FFD3D2
- FFE2E1
- FFF0F0
Odcienie ciemniejsze
- D2585D
- B44A4E
- 963C40
- 792F32
- 5E2325
- 431719
- 2B0C0D
- 140404
- 030000
Tony
- E76B6E
- DD6E71
- D27273
- C77575
- BC7877
- B17A79
- A57C7B
- 997D7D
- 8D7F7E
Harmonie kolorów
Komplementarna +180°
- F2666C
Usubeni Red
- 00AFB7
≈ Mermaid Treasure
Analogowa -30° +30°
- F2666C
Usubeni Red
- E667A9
≈ Fugitive Flamingo
- EB741A
≈ Orange Gluttony
Triada +120° +240°
- F2666C
Usubeni Red
- 57B344
≈ Sour Candy
- 5B98FF
≈ Blue Chaos
Komplementarna rozszczepiona +150° +210°
- F2666C
Usubeni Red
- 00B58E
≈ Chromophobia Green
- 00A8DE
≈ Blue Fire
Tetrada +90° +180° +270°
- F2666C
Usubeni Red
- A0A100
≈ Fistfull of Green
- 00AFB7
≈ Mermaid Treasure
- 9B83FC
≈ Periwinkle
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.04:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.89:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 6.89:1 (AA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--usubeni-red: #f2666c;
--usubeni-red-rgb: 242 102 108;
--usubeni-red-oklch: oklch(0.686 0.173 20.3);
}
.element {
color: var(--usubeni-red);
background-color: hsl(357 84% 67%);
border-color: oklch(0.686 0.173 20.3);
}Tailwind CSS v4
@theme {
--color-usubeni-red: #f2666c;
--color-usubeni-red-50: #ffe2df;
--color-usubeni-red-100: #ffd2ce;
--color-usubeni-red-200: #ffb7b3;
--color-usubeni-red-300: #ff928f;
--color-usubeni-red-400: #f36e73;
--color-usubeni-red-500: #e14754;
--color-usubeni-red-600: #be3e47;
--color-usubeni-red-700: #993139;
--color-usubeni-red-800: #72222b;
--color-usubeni-red-900: #51171d;
--color-usubeni-red-950: #35070d;
}SCSS
$usubeni-red: #f2666c;
$usubeni-red-rgb: 242, 102, 108;
$usubeni-red-light: mix(#fff, $usubeni-red, 20%);
$usubeni-red-dark: mix(#000, $usubeni-red, 20%);
.element {
color: $usubeni-red;
box-shadow: 0 0 0 2px rgba($usubeni-red, 0.35);
}