Colore con nome · #3D6C54
Toad King
Toad King è #3D6C54: rgb(61 108 84), hsl(149 28% 33%), oklch(0.49 0.065 160.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Toad King color name →
#3D6C54
oklch(0.49 0.065 160.4)
Conversioni di colore
- HEX
- #3d6c54
- RGB
- rgb(61 108 84)
- HSL
- hsl(149 28% 33%)
- HWB
- hwb(149 24% 58%)
- OKLCH
- oklch(0.49 0.065 160.4)
- OKLab
- oklab(0.49 -0.061 0.022)
- CIE Lab
- lab(41.73 -21.37 8.22)
- LCH
- lch(41.73 22.9 158.9)
- CMYK
- cmyk(44% 0% 22% 58%)
Tinte · Ombre · Toni
Tinte
- 507A64
- 638874
- 759684
- 88A495
- 9BB3A6
- AFC2B7
- C2D1C8
- D6E0DA
- EBEFED
Ombre
- 345D48
- 2B4E3C
- 224031
- 1A3226
- 12251B
- 0A1911
- 040D08
- 010402
- 000000
Toni
- 456E58
- 4C705D
- 537261
- 597465
- 60766A
- 67786E
- 6D7A73
- 737C77
- 7A7E7C
Armonie di colore
Complementare +180°
- 3D6C54
Toad King
- 7A526C
≈ Berry Conserve
Analogo -30° +30°
- 3D6C54
Toad King
- 546840
≈ Alfalfa Extract
- 2D6C69
≈ North Sea
Triadico +120° +240°
- 3D6C54
Toad King
- 595C85
≈ Karmic Grape
- 805444
≈ Red Hook
Complementare divisa +150° +210°
- 3D6C54
Toad King
- 6C567C
≈ Charoite Violet
- 815158
≈ Fine Burgundy
Tetradico +90° +180° +270°
- 3D6C54
Toad King
- 446384
≈ Blue Ashes
- 7A526C
≈ Berry Conserve
- 785A36
≈ Shingle Fawn
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.04:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.47:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.04:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--toad-king: #3d6c54;
--toad-king-rgb: 61 108 84;
--toad-king-oklch: oklch(0.49 0.065 160.4);
}
.element {
color: var(--toad-king);
background-color: hsl(149 28% 33%);
border-color: oklch(0.49 0.065 160.4);
}Tailwind CSS v4
@theme {
--color-toad-king: #3d6c54;
--color-toad-king-50: #e6fbf0;
--color-toad-king-100: #d6efe1;
--color-toad-king-200: #bcddcc;
--color-toad-king-300: #9ac2ae;
--color-toad-king-400: #7dab92;
--color-toad-king-500: #5e9478;
--color-toad-king-600: #507d65;
--color-toad-king-700: #406451;
--color-toad-king-800: #2e493a;
--color-toad-king-900: #1f3328;
--color-toad-king-950: #0f1f16;
}SCSS
$toad-king: #3d6c54;
$toad-king-rgb: 61, 108, 84;
$toad-king-light: mix(#fff, $toad-king, 20%);
$toad-king-dark: mix(#000, $toad-king, 20%);
.element {
color: $toad-king;
box-shadow: 0 0 0 2px rgba($toad-king, 0.35);
}