Colore con nome · #640125
Spring Lobster
Spring Lobster è #640125: rgb(100 1 37), hsl(338 98% 20%), oklch(0.323 0.128 9.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Spring Lobster color name →
#640125
oklch(0.323 0.128 9.4)
Conversioni di colore
- HEX
- #640125
- RGB
- rgb(100 1 37)
- HSL
- hsl(338 98% 20%)
- HWB
- hwb(338 0% 61%)
- OKLCH
- oklch(0.323 0.128 9.4)
- OKLab
- oklab(0.323 0.126 0.021)
- CIE Lab
- lab(19.92 41.45 9.33)
- LCH
- lch(19.92 42.49 12.7)
- CMYK
- cmyk(0% 99% 63% 61%)
Tinte · Ombre · Toni
Tinte
- 752338
- 863C4B
- 96545F
- A66B74
- B6838A
- C59BA0
- D4B3B7
- E3CCCF
- F1E5E7
Ombre
- 56011F
- 480119
- 3B0013
- 2E000D
- 220008
- 160004
- 0B0002
- 030000
- 000000
Toni
- 69172D
- 6D2536
- 71323F
- 743E47
- 774951
- 7A545A
- 7C5F63
- 7E6A6D
- 7F7576
Armonie di colore
Complementare +180°
- 640125
Spring Lobster
- 003C39
≈ Customs Green
Analogo -30° +30°
- 640125
Spring Lobster
- 5A0B48
≈ Royal Ash
- 5C1A00
≈ Altar Wine
Triadico +120° +240°
- 640125
Spring Lobster
- 253B00
≈ Melancholia
- 00355F
≈ Effervescent Blue
Complementare divisa +150° +210°
- 640125
Spring Lobster
- 003F26
≈ Angel Green
- 003A48
≈ Natural Indigo
Tetradico +90° +180° +270°
- 640125
Spring Lobster
- 3C3400
≈ Hidden Passage
- 003C39
≈ Customs Green
- 2A2572
≈ After Work Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.35:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.57:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.35:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--spring-lobster: #640125;
--spring-lobster-rgb: 100 1 37;
--spring-lobster-oklch: oklch(0.323 0.128 9.4);
}
.element {
color: var(--spring-lobster);
background-color: hsl(338 98% 20%);
border-color: oklch(0.323 0.128 9.4);
}Tailwind CSS v4
@theme {
--color-spring-lobster: #640125;
--color-spring-lobster-50: #ffe7ec;
--color-spring-lobster-100: #ffd7dd;
--color-spring-lobster-200: #ffbec6;
--color-spring-lobster-300: #f19ca7;
--color-spring-lobster-400: #de7d8e;
--color-spring-lobster-500: #cb5d74;
--color-spring-lobster-600: #ac5062;
--color-spring-lobster-700: #8a3f4e;
--color-spring-lobster-800: #662d3a;
--color-spring-lobster-900: #481f28;
--color-spring-lobster-950: #2f0e16;
}SCSS
$spring-lobster: #640125;
$spring-lobster-rgb: 100, 1, 37;
$spring-lobster-light: mix(#fff, $spring-lobster, 20%);
$spring-lobster-dark: mix(#000, $spring-lobster, 20%);
.element {
color: $spring-lobster;
box-shadow: 0 0 0 2px rgba($spring-lobster, 0.35);
}