Colore con nome · #818A40
Sea Turtle
Sea Turtle è #818A40: rgb(129 138 64), hsl(67 37% 40%), oklch(0.61 0.099 115.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Sea Turtle color name →
#818A40
oklch(0.61 0.099 115.1)
Conversioni di colore
- HEX
- #818a40
- RGB
- rgb(129 138 64)
- HSL
- hsl(67 37% 40%)
- HWB
- hwb(67 25% 46%)
- OKLCH
- oklch(0.61 0.099 115.1)
- OKLab
- oklab(0.61 -0.042 0.089)
- CIE Lab
- lab(55.5 -11.74 37.83)
- LCH
- lch(55.5 39.61 107.2)
- CMYK
- cmyk(7% 0% 54% 46%)
Tinte · Ombre · Toni
Tinte
- 8D9554
- 99A167
- A5AC7A
- B1B88D
- BEC4A0
- CACFB2
- D7DBC5
- E4E7D8
- F2F3EC
Ombre
- 6F7736
- 5E652D
- 4E5324
- 3E421B
- 2E3213
- 1F220B
- 121405
- 060701
- 010100
Toni
- 818948
- 818850
- 808757
- 80865D
- 808664
- 80846A
- 80836F
- 808275
- 80817B
Armonie di colore
Complementare +180°
- 818A40
Sea Turtle
- 8777B8
≈ Purple Hebe
Analogo -30° +30°
- 818A40
Sea Turtle
- 9E7E35
≈ Metallic Sunburst
- 5B935D
≈ Abundance
Triadico +120° +240°
- 818A40
Sea Turtle
- 3E8CB6
≈ Quiet Night
- B26986
≈ Pink Hibiscus
Complementare divisa +150° +210°
- 818A40
Sea Turtle
- 6681BF
≈ Watertown
- A16EA4
≈ Violet Femmes
Tetradico +90° +180° +270°
- 818A40
Sea Turtle
- 1A949F
≈ Peacock Feather
- 8777B8
≈ Purple Hebe
- B76A64
≈ Lord Baltimore
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.72:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.64:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--sea-turtle: #818a40;
--sea-turtle-rgb: 129 138 64;
--sea-turtle-oklch: oklch(0.61 0.099 115.1);
}
.element {
color: var(--sea-turtle);
background-color: hsl(67 37% 40%);
border-color: oklch(0.61 0.099 115.1);
}Tailwind CSS v4
@theme {
--color-sea-turtle: #818a40;
--color-sea-turtle-50: #f3f9da;
--color-sea-turtle-100: #e5edc8;
--color-sea-turtle-200: #d1daab;
--color-sea-turtle-300: #b3be84;
--color-sea-turtle-400: #9ca660;
--color-sea-turtle-500: #848e3a;
--color-sea-turtle-600: #707832;
--color-sea-turtle-700: #596028;
--color-sea-turtle-800: #42461a;
--color-sea-turtle-900: #2e3011;
--color-sea-turtle-950: #1b1d04;
}SCSS
$sea-turtle: #818a40;
$sea-turtle-rgb: 129, 138, 64;
$sea-turtle-light: mix(#fff, $sea-turtle, 20%);
$sea-turtle-dark: mix(#000, $sea-turtle, 20%);
.element {
color: $sea-turtle;
box-shadow: 0 0 0 2px rgba($sea-turtle, 0.35);
}