Nazwany kolor · #F00B52
Rock Lobster
Rock Lobster to #F00B52: rgb(240 11 82), hsl(341 91% 49%), oklch(0.609 0.24 15.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Rock Lobster color name →
#F00B52
oklch(0.609 0.24 15.1)
Konwersje koloru
- HEX
- #f00b52
- RGB
- rgb(240 11 82)
- HSL
- hsl(341 91% 49%)
- HWB
- hwb(341 4% 6%)
- OKLCH
- oklch(0.609 0.24 15.1)
- OKLab
- oklab(0.609 0.232 0.062)
- CIE Lab
- lab(51.99 77.74 28.23)
- LCH
- lch(51.99 82.7 20)
- CMYK
- cmyk(0% 95% 66% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F53F63
- FA5C73
- FE7484
- FF8A95
- FF9EA6
- FFB2B7
- FFC6C9
- FFD9DB
- FFECED
Odcienie ciemniejsze
- D10846
- B2063B
- 95042F
- 780225
- 5D011A
- 430111
- 2A0008
- 140002
- 030000
Tony
- E72F57
- DD405C
- D34D61
- C95865
- BE616A
- B3686F
- A86F73
- 9B7577
- 8E7B7C
Harmonie kolorów
Komplementarna +180°
- F00B52
Rock Lobster
- 009696
≈ Intermezzo
Analogowa -30° +30°
- F00B52
Rock Lobster
- DD24A3
≈ Melodramatic Magenta
- D35700
≈ Tomato Bisque
Triada +120° +240°
- F00B52
Rock Lobster
- 4E9900
≈ Grass Is Greener
- 0080F7
≈ Brescian Blue
Komplementarna rozszczepiona +150° +210°
- F00B52
Rock Lobster
- 009A70
≈ Rainforest
- 0091B7
≈ Cool Tide
Tetrada +90° +180° +270°
- F00B52
Rock Lobster
- 8F8600
≈ Thicket Green
- 009696
≈ Intermezzo
- 7C63FF
≈ Purple Anemone
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.30:1 · APCA Lc 67
Ag
AANa czerni
WCAG 4.87:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 4.87:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--rock-lobster: #f00b52;
--rock-lobster-rgb: 240 11 82;
--rock-lobster-oklch: oklch(0.609 0.24 15.1);
}
.element {
color: var(--rock-lobster);
background-color: hsl(341 91% 49%);
border-color: oklch(0.609 0.24 15.1);
}Tailwind CSS v4
@theme {
--color-rock-lobster: #f00b52;
--color-rock-lobster-50: #ffdadc;
--color-rock-lobster-100: #ffc7cb;
--color-rock-lobster-200: #ffa7af;
--color-rock-lobster-300: #ff7b8a;
--color-rock-lobster-400: #ff4b6f;
--color-rock-lobster-500: #fd0050;
--color-rock-lobster-600: #d60044;
--color-rock-lobster-700: #ac0036;
--color-rock-lobster-800: #80002a;
--color-rock-lobster-900: #5b001c;
--color-rock-lobster-950: #3d000c;
}SCSS
$rock-lobster: #f00b52;
$rock-lobster-rgb: 240, 11, 82;
$rock-lobster-light: mix(#fff, $rock-lobster, 20%);
$rock-lobster-dark: mix(#000, $rock-lobster, 20%);
.element {
color: $rock-lobster;
box-shadow: 0 0 0 2px rgba($rock-lobster, 0.35);
}